#E5E5C2 - #AD965E | colorate

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

Blend #E5E5C2 to #AD965E

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

RGBブレンド

#E5E5C2 - #AD965E | colorate

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

0.0%	0.0% #E5E5C2	RGB 229 229 194	#E5E5C2
16.7%	16.7% #DBD7B1	RGB 219 215 177	#DBD7B1
33.3%	33.3% #D2CAA0	RGB 210 202 160	#D2CAA0
50.0%	50.0% #C9BD90	RGB 201 189 144	#C9BD90
66.7%	66.7% #BFB07F	RGB 191 176 127	#BFB07F
83.3%	83.3% #B6A36E	RGB 182 163 110	#B6A36E
100.0%	100.0% #AD965E	RGB 173 150 94	#AD965E

#E5E5C2 #DBD7B1 #D2CAA0 #C9BD90 #BFB07F #B6A36E #AD965E

#E5E5C2 - #AD965E

HSVブレンド

#E5E5C2 - #AD965E | colorate

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

0.0%	0.0% #E5E5C2	RGB 229 229 194	#E5E5C2
16.7%	16.7% #DBD9AE	RGB 219 217 174	#DBD9AE
33.3%	33.3% #D2CD9C	RGB 210 205 156	#D2CD9C
50.0%	50.0% #C9C08B	RGB 201 192 139	#C9C08B
66.7%	66.7% #BFB27B	RGB 191 178 123	#BFB27B
83.3%	83.3% #B6A46C	RGB 182 164 108	#B6A46C
100.0%	100.0% #AD965E	RGB 173 150 94	#AD965E

#E5E5C2 #DBD9AE #D2CD9C #C9C08B #BFB27B #B6A46C #AD965E

#E5E5C2 - #C9C08B - #AD965E

CSSコード

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

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