#5E4F06 - #D1CCB7 | colorate

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

Blend #5E4F06 to #D1CCB7

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

RGBブレンド

#5E4F06 - #D1CCB7 | colorate

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

0.0%	0.0% #5E4F06	RGB 94 79 6	#5E4F06
16.7%	16.7% #716323	RGB 113 99 35	#716323
33.3%	33.3% #847841	RGB 132 120 65	#847841
50.0%	50.0% #978D5E	RGB 151 141 94	#978D5E
66.7%	66.7% #AAA27C	RGB 170 162 124	#AAA27C
83.3%	83.3% #BDB799	RGB 189 183 153	#BDB799
100.0%	100.0% #D1CCB7	RGB 209 204 183	#D1CCB7

#5E4F06 #716323 #847841 #978D5E #AAA27C #BDB799 #D1CCB7

#5E4F06 - #D1CCB7

HSVブレンド

#5E4F06 - #D1CCB7 | colorate

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

0.0%	0.0% #5E4F05	RGB 94 79 5	#5E4F05
16.7%	16.7% #716116	RGB 113 97 22	#716116
33.3%	33.3% #84742C	RGB 132 116 44	#84742C
50.0%	50.0% #978847	RGB 151 136 71	#978847
66.7%	66.7% #AA9E67	RGB 170 158 103	#AA9E67
83.3%	83.3% #BDB48C	RGB 189 180 140	#BDB48C
100.0%	100.0% #D1CCB7	RGB 209 204 183	#D1CCB7

#5E4F05 #716116 #84742C #978847 #AA9E67 #BDB48C #D1CCB7

#5E4F06 - #978847 - #D1CCB7

CSSコード

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

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