#899B66 - #EDF0E9 | colorate

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

Blend #899B66 to #EDF0E9

#899B66

#EDF0E9

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

RGBブレンド

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

0.0%	0.0% #899B66	RGB 137 155 102	#899B66
16.7%	16.7% #99A97B	RGB 153 169 123	#99A97B
33.3%	33.3% #AAB791	RGB 170 183 145	#AAB791
50.0%	50.0% #BBC5A7	RGB 187 197 167	#BBC5A7
66.7%	66.7% #CBD3BD	RGB 203 211 189	#CBD3BD
83.3%	83.3% #DCE1D3	RGB 220 225 211	#DCE1D3
100.0%	100.0% #EDF0E9	RGB 237 240 233	#EDF0E9

#899B66 #99A97B #AAB791 #BBC5A7 #CBD3BD #DCE1D3 #EDF0E9

#899B66 - #EDF0E9

HSVブレンド

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

0.0%	0.0% #899B66	RGB 137 155 102	#899B66
16.7%	16.7% #97A978	RGB 151 169 120	#97A978
33.3%	33.3% #A7B78B	RGB 167 183 139	#A7B78B
50.0%	50.0% #B7C5A0	RGB 183 197 160	#B7C5A0
66.7%	66.7% #C8D3B7	RGB 200 211 183	#C8D3B7
83.3%	83.3% #DAE1CF	RGB 218 225 207	#DAE1CF
100.0%	100.0% #EDF0E9	RGB 237 240 233	#EDF0E9

#899B66 #97A978 #A7B78B #B7C5A0 #C8D3B7 #DAE1CF #EDF0E9

#899B66 - #B7C5A0 - #EDF0E9

CSSコード

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

/* HSV Gradation */
div {                
    background: -moz-linear-gradient(top, #899B66 0%, #B7C5A0 50%, #EDF0E9 100%);
    background: -webkit-linear-gradient(top, #899B66 0%, #B7C5A0 50%, #EDF0E9 100%);
    background: linear-gradient(to bottom, #899B66 0%, #B7C5A0 50%, #EDF0E9 100%); 
}
</style>