#5E583C - #D1CFC7 | colorate

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

Blend #5E583C to #D1CFC7

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

RGBブレンド

#5E583C - #D1CFC7 | colorate

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

0.0%	0.0% #5E583C	RGB 94 88 60	#5E583C
16.7%	16.7% #716B53	RGB 113 107 83	#716B53
33.3%	33.3% #847F6A	RGB 132 127 106	#847F6A
50.0%	50.0% #979381	RGB 151 147 129	#979381
66.7%	66.7% #AAA798	RGB 170 167 152	#AAA798
83.3%	83.3% #BDBBAF	RGB 189 187 175	#BDBBAF
100.0%	100.0% #D1CFC7	RGB 209 207 199	#D1CFC7

#5E583C #716B53 #847F6A #979381 #AAA798 #BDBBAF #D1CFC7

#5E583C - #D1CFC7

HSVブレンド

#5E583C - #D1CFC7 | colorate

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

0.0%	0.0% #5E583C	RGB 94 88 60	#5E583C
16.7%	16.7% #716A4E	RGB 113 106 78	#716A4E
33.3%	33.3% #847E62	RGB 132 126 98	#847E62
50.0%	50.0% #979178	RGB 151 145 120	#979178
66.7%	66.7% #AAA590	RGB 170 165 144	#AAA590
83.3%	83.3% #BDBAAA	RGB 189 186 170	#BDBAAA
100.0%	100.0% #D1CFC7	RGB 209 207 199	#D1CFC7

#5E583C #716A4E #847E62 #979178 #AAA590 #BDBAAA #D1CFC7

#5E583C - #979178 - #D1CFC7

CSSコード

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

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