#8CFF5B - #FFDC8C | colorate

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

Blend #8CFF5B to #FFDC8C

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

RGBブレンド

#8CFF5B - #FFDC8C | colorate

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

0.0%	0.0% #8CFF5B	RGB 140 255 91	#8CFF5B
16.7%	16.7% #9FF963	RGB 159 249 99	#9FF963
33.3%	33.3% #B2F36B	RGB 178 243 107	#B2F36B
50.0%	50.0% #C5ED73	RGB 197 237 115	#C5ED73
66.7%	66.7% #D8E77B	RGB 216 231 123	#D8E77B
83.3%	83.3% #EBE183	RGB 235 225 131	#EBE183
100.0%	100.0% #FFDC8C	RGB 255 220 140	#FFDC8C

#8CFF5B #9FF963 #B2F36B #C5ED73 #D8E77B #EBE183 #FFDC8C

#8CFF5B - #FFDC8C

HSVブレンド

#8CFF5B - #FFDC8C | colorate

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

0.0%	0.0% #8CFF5B	RGB 140 255 91	#8CFF5B
16.7%	16.7% #ABFF63	RGB 171 255 99	#ABFF63
33.3%	33.3% #C8FF6B	RGB 200 255 107	#C8FF6B
50.0%	50.0% #E3FF73	RGB 227 255 115	#E3FF73
66.7%	66.7% #FAFF7B	RGB 250 255 123	#FAFF7B
83.3%	83.3% #FFEE83	RGB 255 238 131	#FFEE83
100.0%	100.0% #FFDC8C	RGB 255 220 140	#FFDC8C

#8CFF5B #ABFF63 #C8FF6B #E3FF73 #FAFF7B #FFEE83 #FFDC8C

#8CFF5B - #E3FF73 - #FFDC8C

CSSコード

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

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