#59AB43 - #289133 | colorate

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

Blend #59AB43 to #289133

#59AB43

#289133

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

RGBブレンド

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

0.0%	0.0% #59AB43	RGB 89 171 67	#59AB43
16.7%	16.7% #51A741	RGB 81 167 65	#51A741
33.3%	33.3% #49A33E	RGB 73 163 62	#49A33E
50.0%	50.0% #419E3B	RGB 65 158 59	#419E3B
66.7%	66.7% #399A39	RGB 57 154 57	#399A39
83.3%	83.3% #319636	RGB 49 150 54	#319636
100.0%	100.0% #289133	RGB 40 145 51	#289133

#59AB43 #51A741 #49A33E #419E3B #399A39 #319636 #289133

#59AB43 - #289133

HSVブレンド

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

0.0%	0.0% #59AB43	RGB 89 171 67	#59AB43
16.7%	16.7% #4EA63E	RGB 78 166 62	#4EA63E
33.3%	33.3% #44A239	RGB 68 162 57	#44A239
50.0%	50.0% #3A9E34	RGB 58 158 52	#3A9E34
66.7%	66.7% #309930	RGB 48 153 48	#309930
83.3%	83.3% #2C9531	RGB 44 149 49	#2C9531
100.0%	100.0% #279133	RGB 39 145 51	#279133

#59AB43 #4EA63E #44A239 #3A9E34 #309930 #2C9531 #279133

#59AB43 - #3A9E34 - #279133

CSSコード

<style type="text/css">
/* RGB Gradation */             
div {
    background: -moz-linear-gradient(top, #59AB43 0%, #289133 100%);
    background: -webkit-linear-gradient(top, #59AB43 0%, #289133 100%);
    background: linear-gradient(to bottom, #59AB43 0%, #289133 100%);  
}       

/* HSV Gradation */
div {                
    background: -moz-linear-gradient(top, #59AB43 0%, #3A9E34 50%, #279133 100%);
    background: -webkit-linear-gradient(top, #59AB43 0%, #3A9E34 50%, #279133 100%);
    background: linear-gradient(to bottom, #59AB43 0%, #3A9E34 50%, #279133 100%); 
}
</style>