#472F18 - #605116 | colorate

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

Blend #472F18 to #605116

#472F18 #605116

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

RGBブレンド

#472F18 - #605116 | colorate

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

0.0%	0.0% #472F18	RGB 71 47 24	#472F18
16.7%	16.7% #4B3417	RGB 75 52 23	#4B3417
33.3%	33.3% #4F3A17	RGB 79 58 23	#4F3A17
50.0%	50.0% #534017	RGB 83 64 23	#534017
66.7%	66.7% #574516	RGB 87 69 22	#574516
83.3%	83.3% #5B4B16	RGB 91 75 22	#5B4B16
100.0%	100.0% #605116	RGB 96 81 22	#605116

#472F18 #4B3417 #4F3A17 #534017 #574516 #5B4B16 #605116

#472F18 - #605116

HSVブレンド

#472F18 - #605116 | colorate

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

0.0%	0.0% #472F18	RGB 71 47 24	#472F18
16.7%	16.7% #4B3318	RGB 75 51 24	#4B3318
33.3%	33.3% #4F3817	RGB 79 56 23	#4F3817
50.0%	50.0% #533E17	RGB 83 62 23	#533E17
66.7%	66.7% #574417	RGB 87 68 23	#574417
83.3%	83.3% #5B4A16	RGB 91 74 22	#5B4A16
100.0%	100.0% #605116	RGB 96 81 22	#605116

#472F18 #4B3318 #4F3817 #533E17 #574417 #5B4A16 #605116

#472F18 - #533E17 - #605116

CSSコード

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

/* HSV Gradation */
div {
    background: -moz-linear-gradient(top, #472F18 0%, #533E17 50%, #605116 100%);
    background: -webkit-linear-gradient(top, #472F18 0%, #533E17 50%, #605116 100%);
    background: linear-gradient(to bottom, #472F18 0%, #533E17 50%, #605116 100%);
}
</style>