#483B40 - #2D0018 | colorate

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

Blend #483B40 to #2D0018

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

RGBブレンド

#483B40 - #2D0018 | colorate

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

0.0%	0.0% #483B40	RGB 72 59 64	#483B40
16.7%	16.7% #433139	RGB 67 49 57	#433139
33.3%	33.3% #3F2732	RGB 63 39 50	#3F2732
50.0%	50.0% #3A1D2C	RGB 58 29 44	#3A1D2C
66.7%	66.7% #361325	RGB 54 19 37	#361325
83.3%	83.3% #31091E	RGB 49 9 30	#31091E
100.0%	100.0% #2D0018	RGB 45 0 24	#2D0018

#483B40 #433139 #3F2732 #3A1D2C #361325 #31091E #2D0018

#483B40 - #2D0018

HSVブレンド

#483B40 - #2D0018 | colorate

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

0.0%	0.0% #483B40	RGB 72 59 64	#483B40
16.7%	16.7% #432E36	RGB 67 46 54	#432E36
33.3%	33.3% #3F222E	RGB 63 34 46	#3F222E
50.0%	50.0% #3A1727	RGB 58 23 39	#3A1727
66.7%	66.7% #360E21	RGB 54 14 33	#360E21
83.3%	83.3% #31061C	RGB 49 6 28	#31061C
100.0%	100.0% #2D0018	RGB 45 0 24	#2D0018

#483B40 #432E36 #3F222E #3A1727 #360E21 #31061C #2D0018

#483B40 - #3A1727 - #2D0018

CSSコード

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

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