#4F4323 - #BF8644 | colorate

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

Blend #4F4323 to #BF8644

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

RGBブレンド

#4F4323 - #BF8644 | colorate

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

0.0%	0.0% #4F4323	RGB 79 67 35	#4F4323
16.7%	16.7% #614E28	RGB 97 78 40	#614E28
33.3%	33.3% #74592E	RGB 116 89 46	#74592E
50.0%	50.0% #876433	RGB 135 100 51	#876433
66.7%	66.7% #996F39	RGB 153 111 57	#996F39
83.3%	83.3% #AC7A3E	RGB 172 122 62	#AC7A3E
100.0%	100.0% #BF8644	RGB 191 134 68	#BF8644

#4F4323 #614E28 #74592E #876433 #996F39 #AC7A3E #BF8644

#4F4323 - #BF8644

HSVブレンド

#4F4323 - #BF8644 | colorate

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

0.0%	0.0% #4F4323	RGB 79 67 35	#4F4323
16.7%	16.7% #615029	RGB 97 80 41	#615029
33.3%	33.3% #745D30	RGB 116 93 48	#745D30
50.0%	50.0% #876935	RGB 135 105 53	#876935
66.7%	66.7% #99733B	RGB 153 115 59	#99733B
83.3%	83.3% #AC7D3F	RGB 172 125 63	#AC7D3F
100.0%	100.0% #BF8644	RGB 191 134 68	#BF8644

#4F4323 #615029 #745D30 #876935 #99733B #AC7D3F #BF8644

#4F4323 - #876935 - #BF8644

CSSコード

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

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