#448F29 - #185A05 | colorate

colorateはデザイナーや開発者向けの配色ツールです。あなたのインスピレーションを引き出し、よりよい配色の構成に役立ちます。サイトをよりよくする

Blend #448F29 to #185A05

#448F29と#185A05の二色間の色を演算します。色味の近い色同士では滑らかですが、RGB値をもとにした通常のブレンドでは、色味の遠い色同士の中間の色は彩度が低くなりグレーに近くなります。HSV値をもとにしたブレンドでは、色味の遠い色同士でも彩度の低下はありません。

RGBブレンド

#448F29 - #185A05 | colorate

RGB値をもとにした二色間のブレンドです。色味の離れた色同士では、二色間の彩度は低下します。#448F29を0%、#185A05を100%として二色間の色を展開します。

0.0%	0.0% #448F29	RGB 68 143 41	#448F29
16.7%	16.7% #3C8623	RGB 60 134 35	#3C8623
33.3%	33.3% #357D1D	RGB 53 125 29	#357D1D
50.0%	50.0% #2E7417	RGB 46 116 23	#2E7417
66.7%	66.7% #266B10	RGB 38 107 16	#266B10
83.3%	83.3% #1F620B	RGB 31 98 11	#1F620B
100.0%	100.0% #185A05	RGB 24 90 5	#185A05

#448F29 #3C8623 #357D1D #2E7417 #266B10 #1F620B #185A05

#448F29 - #185A05

HSVブレンド

#448F29 - #185A05 | colorate

HSV値をもとにした二色間のブレンドです。色味の離れた色同士でも、二色間の彩度は低下しません。#448F29を0%、#185A05を100%として二色間の色を展開します。

0.0%	0.0% #448F29	RGB 68 143 41	#448F29
16.7%	16.7% #3B8621	RGB 59 134 33	#3B8621
33.3%	33.3% #337D1A	RGB 51 125 26	#337D1A
50.0%	50.0% #2B7413	RGB 43 116 19	#2B7413
66.7%	66.7% #246B0E	RGB 36 107 14	#246B0E
83.3%	83.3% #1D6209	RGB 29 98 9	#1D6209
100.0%	100.0% #185A05	RGB 24 90 5	#185A05

#448F29 #3B8621 #337D1A #2B7413 #246B0E #1D6209 #185A05

#448F29 - #2B7413 - #185A05

CSSコード

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #448F29 0%, #185A05 100%);
    background: -webkit-linear-gradient(top, #448F29 0%, #185A05 100%);
    background: linear-gradient(to bottom, #448F29 0%, #185A05 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #448F29 0%, #2B7413 50%, #185A05 100%);
    background: -webkit-linear-gradient(top, #448F29 0%, #2B7413 50%, #185A05 100%);
    background: linear-gradient(to bottom, #448F29 0%, #2B7413 50%, #185A05 100%);
}
</style>