#9EDA8B - #FFEFA2 | colorate

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

Blend #9EDA8B to #FFEFA2

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

RGBブレンド

#9EDA8B - #FFEFA2 | colorate

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

0.0%	0.0% #9EDA8B	RGB 158 218 139	#9EDA8B
16.7%	16.7% #AEDD8E	RGB 174 221 142	#AEDD8E
33.3%	33.3% #BEE192	RGB 190 225 146	#BEE192
50.0%	50.0% #CEE496	RGB 206 228 150	#CEE496
66.7%	66.7% #DEE89A	RGB 222 232 154	#DEE89A
83.3%	83.3% #EEEB9E	RGB 238 235 158	#EEEB9E
100.0%	100.0% #FFEFA2	RGB 255 239 162	#FFEFA2

#9EDA8B #AEDD8E #BEE192 #CEE496 #DEE89A #EEEB9E #FFEFA2

#9EDA8B - #FFEFA2

HSVブレンド

#9EDA8B - #FFEFA2 | colorate

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

0.0%	0.0% #9EDA8B	RGB 158 218 139	#9EDA8B
16.7%	16.7% #AFE08E	RGB 175 224 142	#AFE08E
33.3%	33.3% #C0E692	RGB 192 230 146	#C0E692
50.0%	50.0% #D3EC96	RGB 211 236 150	#D3EC96
66.7%	66.7% #E6F29A	RGB 230 242 154	#E6F29A
83.3%	83.3% #F8F79E	RGB 248 247 158	#F8F79E
100.0%	100.0% #FFEFA2	RGB 255 239 162	#FFEFA2

#9EDA8B #AFE08E #C0E692 #D3EC96 #E6F29A #F8F79E #FFEFA2

#9EDA8B - #D3EC96 - #FFEFA2

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9EDA8B 0%, #D3EC96 50%, #FFEFA2 100%);
    background: -webkit-linear-gradient(top, #9EDA8B 0%, #D3EC96 50%, #FFEFA2 100%);
    background: linear-gradient(to bottom, #9EDA8B 0%, #D3EC96 50%, #FFEFA2 100%);
}
</style>