#EDE5DE - #B8A38C | colorate

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

Blend #EDE5DE to #B8A38C

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

RGBブレンド

#EDE5DE - #B8A38C | colorate

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

0.0%	0.0% #EDE5DE	RGB 237 229 222	#EDE5DE
16.7%	16.7% #E4DAD0	RGB 228 218 208	#E4DAD0
33.3%	33.3% #DBCFC2	RGB 219 207 194	#DBCFC2
50.0%	50.0% #D2C4B5	RGB 210 196 181	#D2C4B5
66.7%	66.7% #C9B9A7	RGB 201 185 167	#C9B9A7
83.3%	83.3% #C0AE99	RGB 192 174 153	#C0AE99
100.0%	100.0% #B8A38C	RGB 184 163 140	#B8A38C

#EDE5DE #E4DAD0 #DBCFC2 #D2C4B5 #C9B9A7 #C0AE99 #B8A38C

#EDE5DE - #B8A38C

HSVブレンド

#EDE5DE - #B8A38C | colorate

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

0.0%	0.0% #EDE5DE	RGB 237 229 222	#EDE5DE
16.7%	16.7% #E4D9CF	RGB 228 217 207	#E4D9CF
33.3%	33.3% #DBCDC0	RGB 219 205 192	#DBCDC0
50.0%	50.0% #D2C2B2	RGB 210 194 178	#D2C2B2
66.7%	66.7% #C9B7A5	RGB 201 183 165	#C9B7A5
83.3%	83.3% #C0AD98	RGB 192 173 152	#C0AD98
100.0%	100.0% #B8A38C	RGB 184 163 140	#B8A38C

#EDE5DE #E4D9CF #DBCDC0 #D2C2B2 #C9B7A5 #C0AD98 #B8A38C

#EDE5DE - #D2C2B2 - #B8A38C

CSSコード

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

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