#A6502E - #E5CDC3 | colorate

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

Blend #A6502E to #E5CDC3

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

RGBブレンド

#A6502E - #E5CDC3 | colorate

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

0.0%	0.0% #A6502E	RGB 166 80 46	#A6502E
16.7%	16.7% #B06446	RGB 176 100 70	#B06446
33.3%	33.3% #BB795F	RGB 187 121 95	#BB795F
50.0%	50.0% #C58E78	RGB 197 142 120	#C58E78
66.7%	66.7% #D0A391	RGB 208 163 145	#D0A391
83.3%	83.3% #DAB8AA	RGB 218 184 170	#DAB8AA
100.0%	100.0% #E5CDC3	RGB 229 205 195	#E5CDC3

#A6502E #B06446 #BB795F #C58E78 #D0A391 #DAB8AA #E5CDC3

#A6502E - #E5CDC3

HSVブレンド

#A6502E - #E5CDC3 | colorate

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

0.0%	0.0% #A6502E	RGB 166 80 46	#A6502E
16.7%	16.7% #B06141	RGB 176 97 65	#B06141
33.3%	33.3% #BB7457	RGB 187 116 87	#BB7457
50.0%	50.0% #C5886F	RGB 197 136 111	#C5886F
66.7%	66.7% #D09D89	RGB 208 157 137	#D09D89
83.3%	83.3% #DAB4A5	RGB 218 180 165	#DAB4A5
100.0%	100.0% #E5CDC3	RGB 229 205 195	#E5CDC3

#A6502E #B06141 #BB7457 #C5886F #D09D89 #DAB4A5 #E5CDC3

#A6502E - #C5886F - #E5CDC3

CSSコード

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

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