#483C3B - #2D0200 | colorate

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

Blend #483C3B to #2D0200

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

RGBブレンド

#483C3B - #2D0200 | colorate

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

0.0%	0.0% #483C3B	RGB 72 60 59	#483C3B
16.7%	16.7% #433231	RGB 67 50 49	#433231
33.3%	33.3% #3F2827	RGB 63 40 39	#3F2827
50.0%	50.0% #3A1F1D	RGB 58 31 29	#3A1F1D
66.7%	66.7% #361513	RGB 54 21 19	#361513
83.3%	83.3% #310B09	RGB 49 11 9	#310B09
100.0%	100.0% #2D0200	RGB 45 2 0	#2D0200

#483C3B #433231 #3F2827 #3A1F1D #361513 #310B09 #2D0200

#483C3B - #2D0200

HSVブレンド

#483C3B - #2D0200 | colorate

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

0.0%	0.0% #483C3B	RGB 72 60 59	#483C3B
16.7%	16.7% #432F2E	RGB 67 47 46	#432F2E
33.3%	33.3% #3F2422	RGB 63 36 34	#3F2422
50.0%	50.0% #3A1A17	RGB 58 26 23	#3A1A17
66.7%	66.7% #36100E	RGB 54 16 14	#36100E
83.3%	83.3% #310806	RGB 49 8 6	#310806
100.0%	100.0% #2D0200	RGB 45 2 0	#2D0200

#483C3B #432F2E #3F2422 #3A1A17 #36100E #310806 #2D0200

#483C3B - #3A1A17 - #2D0200

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #483C3B 0%, #3A1A17 50%, #2D0200 100%);
    background: -webkit-linear-gradient(top, #483C3B 0%, #3A1A17 50%, #2D0200 100%);
    background: linear-gradient(to bottom, #483C3B 0%, #3A1A17 50%, #2D0200 100%);
}
</style>