#9EA997 - #9CC29A | colorate

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

Blend #9EA997 to #9CC29A

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

RGBブレンド

#9EA997 - #9CC29A | colorate

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

0.0%	0.0% #9EA997	RGB 158 169 151	#9EA997
16.7%	16.7% #9DAD97	RGB 157 173 151	#9DAD97
33.3%	33.3% #9DB198	RGB 157 177 152	#9DB198
50.0%	50.0% #9DB598	RGB 157 181 152	#9DB598
66.7%	66.7% #9CB999	RGB 156 185 153	#9CB999
83.3%	83.3% #9CBD99	RGB 156 189 153	#9CBD99
100.0%	100.0% #9CC29A	RGB 156 194 154	#9CC29A

#9EA997 #9DAD97 #9DB198 #9DB598 #9CB999 #9CBD99 #9CC29A

#9EA997 - #9CC29A

HSVブレンド

#9EA997 - #9CC29A | colorate

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

0.0%	0.0% #9EA997	RGB 158 169 151	#9EA997
16.7%	16.7% #9EAD97	RGB 158 173 151	#9EAD97
33.3%	33.3% #9FB198	RGB 159 177 152	#9FB198
50.0%	50.0% #9FB599	RGB 159 181 153	#9FB599
66.7%	66.7% #9EB999	RGB 158 185 153	#9EB999
83.3%	83.3% #9DBD99	RGB 157 189 153	#9DBD99
100.0%	100.0% #9CC29A	RGB 156 194 154	#9CC29A

#9EA997 #9EAD97 #9FB198 #9FB599 #9EB999 #9DBD99 #9CC29A

#9EA997 - #9FB599 - #9CC29A

CSSコード

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

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