#9FA77C - #E3E5D9 | colorate

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

Blend #9FA77C to #E3E5D9

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

RGBブレンド

#9FA77C - #E3E5D9 | colorate

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

0.0%	0.0% #9FA77C	RGB 159 167 124	#9FA77C
16.7%	16.7% #AAB18B	RGB 170 177 139	#AAB18B
33.3%	33.3% #B5BB9B	RGB 181 187 155	#B5BB9B
50.0%	50.0% #C1C6AA	RGB 193 198 170	#C1C6AA
66.7%	66.7% #CCD0BA	RGB 204 208 186	#CCD0BA
83.3%	83.3% #D7DAC9	RGB 215 218 201	#D7DAC9
100.0%	100.0% #E3E5D9	RGB 227 229 217	#E3E5D9

#9FA77C #AAB18B #B5BB9B #C1C6AA #CCD0BA #D7DAC9 #E3E5D9

#9FA77C - #E3E5D9

HSVブレンド

#9FA77C - #E3E5D9 | colorate

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

0.0%	0.0% #9FA77C	RGB 159 167 124	#9FA77C
16.7%	16.7% #AAB189	RGB 170 177 137	#AAB189
33.3%	33.3% #B5BB98	RGB 181 187 152	#B5BB98
50.0%	50.0% #C0C6A7	RGB 192 198 167	#C0C6A7
66.7%	66.7% #CBD0B7	RGB 203 208 183	#CBD0B7
83.3%	83.3% #D7DAC7	RGB 215 218 199	#D7DAC7
100.0%	100.0% #E3E5D9	RGB 227 229 217	#E3E5D9

#9FA77C #AAB189 #B5BB98 #C0C6A7 #CBD0B7 #D7DAC7 #E3E5D9

#9FA77C - #C0C6A7 - #E3E5D9

CSSコード

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

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