#2B1926 - #835757 | colorate

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

Blend #2B1926 to #835757

#2B1926 #835757

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

RGBブレンド

#2B1926 - #835757 | colorate

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

0.0%	0.0% #2B1926	RGB 43 25 38	#2B1926
16.7%	16.7% #39232E	RGB 57 35 46	#39232E
33.3%	33.3% #482D36	RGB 72 45 54	#482D36
50.0%	50.0% #57383E	RGB 87 56 62	#57383E
66.7%	66.7% #654246	RGB 101 66 70	#654246
83.3%	83.3% #744C4E	RGB 116 76 78	#744C4E
100.0%	100.0% #835757	RGB 131 87 87	#835757

#2B1926 #39232E #482D36 #57383E #654246 #744C4E #835757

#2B1926 - #835757

HSVブレンド

#2B1926 - #835757 | colorate

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

0.0%	0.0% #2B1926	RGB 43 25 38	#2B1926
16.7%	16.7% #392230	RGB 57 34 48	#392230
33.3%	33.3% #482C39	RGB 72 44 57	#482C39
50.0%	50.0% #573642	RGB 87 54 66	#573642
66.7%	66.7% #654049	RGB 101 64 73	#654049
83.3%	83.3% #744B50	RGB 116 75 80	#744B50
100.0%	100.0% #835757	RGB 131 87 87	#835757

#2B1926 #392230 #482C39 #573642 #654049 #744B50 #835757

#2B1926 - #573642 - #835757

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2B1926 0%, #573642 50%, #835757 100%);
    background: -webkit-linear-gradient(top, #2B1926 0%, #573642 50%, #835757 100%);
    background: linear-gradient(to bottom, #2B1926 0%, #573642 50%, #835757 100%);
}
</style>