#47433E - #402304 | colorate

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

Blend #47433E to #402304

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

RGBブレンド

#47433E - #402304 | colorate

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

0.0%	0.0% #47433E	RGB 71 67 62	#47433E
16.7%	16.7% #453D34	RGB 69 61 52	#453D34
33.3%	33.3% #44382A	RGB 68 56 42	#44382A
50.0%	50.0% #433321	RGB 67 51 33	#433321
66.7%	66.7% #422D17	RGB 66 45 23	#422D17
83.3%	83.3% #41280D	RGB 65 40 13	#41280D
100.0%	100.0% #402304	RGB 64 35 4	#402304

#47433E #453D34 #44382A #433321 #422D17 #41280D #402304

#47433E - #402304

HSVブレンド

#47433E - #402304 | colorate

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

0.0%	0.0% #47433E	RGB 71 67 62	#47433E
16.7%	16.7% #453D33	RGB 69 61 51	#453D33
33.3%	33.3% #443829	RGB 68 56 41	#443829
50.0%	50.0% #43321F	RGB 67 50 31	#43321F
66.7%	66.7% #422D16	RGB 66 45 22	#422D16
83.3%	83.3% #41280C	RGB 65 40 12	#41280C
100.0%	100.0% #402304	RGB 64 35 4	#402304

#47433E #453D33 #443829 #43321F #422D16 #41280C #402304

#47433E - #43321F - #402304

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #47433E 0%, #43321F 50%, #402304 100%);
    background: -webkit-linear-gradient(top, #47433E 0%, #43321F 50%, #402304 100%);
    background: linear-gradient(to bottom, #47433E 0%, #43321F 50%, #402304 100%);
}
</style>