#308F3E - #CFDF6E | colorate

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

Blend #308F3E to #CFDF6E

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

RGBブレンド

#308F3E - #CFDF6E | colorate

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

0.0%	0.0% #308F3E	RGB 48 143 62	#308F3E
16.7%	16.7% #4A9C46	RGB 74 156 70	#4A9C46
33.3%	33.3% #65A94E	RGB 101 169 78	#65A94E
50.0%	50.0% #7FB756	RGB 127 183 86	#7FB756
66.7%	66.7% #9AC45E	RGB 154 196 94	#9AC45E
83.3%	83.3% #B4D166	RGB 180 209 102	#B4D166
100.0%	100.0% #CFDF6E	RGB 207 223 110	#CFDF6E

#308F3E #4A9C46 #65A94E #7FB756 #9AC45E #B4D166 #CFDF6E

#308F3E - #CFDF6E

HSVブレンド

#308F3E - #CFDF6E | colorate

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

0.0%	0.0% #308F3E	RGB 48 143 62	#308F3E
16.7%	16.7% #3A9C38	RGB 58 156 56	#3A9C38
33.3%	33.3% #55A941	RGB 85 169 65	#55A941
50.0%	50.0% #71B74B	RGB 113 183 75	#71B74B
66.7%	66.7% #8FC456	RGB 143 196 86	#8FC456
83.3%	83.3% #AFD161	RGB 175 209 97	#AFD161
100.0%	100.0% #CFDF6E	RGB 207 223 110	#CFDF6E

#308F3E #3A9C38 #55A941 #71B74B #8FC456 #AFD161 #CFDF6E

#308F3E - #71B74B - #CFDF6E

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #308F3E 0%, #71B74B 50%, #CFDF6E 100%);
    background: -webkit-linear-gradient(top, #308F3E 0%, #71B74B 50%, #CFDF6E 100%);
    background: linear-gradient(to bottom, #308F3E 0%, #71B74B 50%, #CFDF6E 100%);
}
</style>