#8CDA3E - #FFFC75 | colorate

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

Blend #8CDA3E to #FFFC75

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

RGBブレンド

#8CDA3E - #FFFC75 | colorate

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

0.0%	0.0% #8CDA3E	RGB 140 218 62	#8CDA3E
16.7%	16.7% #9FDF47	RGB 159 223 71	#9FDF47
33.3%	33.3% #B2E550	RGB 178 229 80	#B2E550
50.0%	50.0% #C5EB59	RGB 197 235 89	#C5EB59
66.7%	66.7% #D8F062	RGB 216 240 98	#D8F062
83.3%	83.3% #EBF66B	RGB 235 246 107	#EBF66B
100.0%	100.0% #FFFC75	RGB 255 252 117	#FFFC75

#8CDA3E #9FDF47 #B2E550 #C5EB59 #D8F062 #EBF66B #FFFC75

#8CDA3E - #FFFC75

HSVブレンド

#8CDA3E - #FFFC75 | colorate

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

0.0%	0.0% #8CDA3E	RGB 140 218 62	#8CDA3E
16.7%	16.7% #A0E046	RGB 160 224 70	#A0E046
33.3%	33.3% #B4E64E	RGB 180 230 78	#B4E64E
50.0%	50.0% #C8EC57	RGB 200 236 87	#C8EC57
66.7%	66.7% #DCF261	RGB 220 242 97	#DCF261
83.3%	83.3% #EFF86A	RGB 239 248 106	#EFF86A
100.0%	100.0% #FFFC75	RGB 255 252 117	#FFFC75

#8CDA3E #A0E046 #B4E64E #C8EC57 #DCF261 #EFF86A #FFFC75

#8CDA3E - #C8EC57 - #FFFC75

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8CDA3E 0%, #C8EC57 50%, #FFFC75 100%);
    background: -webkit-linear-gradient(top, #8CDA3E 0%, #C8EC57 50%, #FFFC75 100%);
    background: linear-gradient(to bottom, #8CDA3E 0%, #C8EC57 50%, #FFFC75 100%);
}
</style>