#5E3E3C - #C88665 | colorate

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

Blend #5E3E3C to #C88665

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

RGBブレンド

#5E3E3C - #C88665 | colorate

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

0.0%	0.0% #5E3E3C	RGB 94 62 60	#5E3E3C
16.7%	16.7% #6F4A42	RGB 111 74 66	#6F4A42
33.3%	33.3% #815649	RGB 129 86 73	#815649
50.0%	50.0% #936250	RGB 147 98 80	#936250
66.7%	66.7% #A46E57	RGB 164 110 87	#A46E57
83.3%	83.3% #B67A5E	RGB 182 122 94	#B67A5E
100.0%	100.0% #C88665	RGB 200 134 101	#C88665

#5E3E3C #6F4A42 #815649 #936250 #A46E57 #B67A5E #C88665

#5E3E3C - #C88665

HSVブレンド

#5E3E3C - #C88665 | colorate

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

0.0%	0.0% #5E3E3C	RGB 94 62 60	#5E3E3C
16.7%	16.7% #6F4944	RGB 111 73 68	#6F4944
33.3%	33.3% #81544C	RGB 129 84 76	#81544C
50.0%	50.0% #936054	RGB 147 96 84	#936054
66.7%	66.7% #A46C5A	RGB 164 108 90	#A46C5A
83.3%	83.3% #B67860	RGB 182 120 96	#B67860
100.0%	100.0% #C88665	RGB 200 134 101	#C88665

#5E3E3C #6F4944 #81544C #936054 #A46C5A #B67860 #C88665

#5E3E3C - #936054 - #C88665

CSSコード

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

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