#5E4E3D - #D1CCC7 | colorate

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

Blend #5E4E3D to #D1CCC7

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

RGBブレンド

#5E4E3D - #D1CCC7 | colorate

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

0.0%	0.0% #5E4E3D	RGB 94 78 61	#5E4E3D
16.7%	16.7% #716354	RGB 113 99 84	#716354
33.3%	33.3% #84786B	RGB 132 120 107	#84786B
50.0%	50.0% #978D82	RGB 151 141 130	#978D82
66.7%	66.7% #AAA299	RGB 170 162 153	#AAA299
83.3%	83.3% #BDB7B0	RGB 189 183 176	#BDB7B0
100.0%	100.0% #D1CCC7	RGB 209 204 199	#D1CCC7

#5E4E3D #716354 #84786B #978D82 #AAA299 #BDB7B0 #D1CCC7

#5E4E3D - #D1CCC7

HSVブレンド

#5E4E3D - #D1CCC7 | colorate

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

0.0%	0.0% #5E4E3D	RGB 94 78 61	#5E4E3D
16.7%	16.7% #71604F	RGB 113 96 79	#71604F
33.3%	33.3% #847463	RGB 132 116 99	#847463
50.0%	50.0% #978879	RGB 151 136 121	#978879
66.7%	66.7% #AA9E91	RGB 170 158 145	#AA9E91
83.3%	83.3% #BDB4AB	RGB 189 180 171	#BDB4AB
100.0%	100.0% #D1CCC7	RGB 209 204 199	#D1CCC7

#5E4E3D #71604F #847463 #978879 #AA9E91 #BDB4AB #D1CCC7

#5E4E3D - #978879 - #D1CCC7

CSSコード

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

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