#2B1926 - #C2BDC1 | colorate

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

Blend #2B1926 to #C2BDC1

#2B1926 #C2BDC1

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

RGBブレンド

#2B1926 - #C2BDC1 | colorate

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

0.0%	0.0% #2B1926	RGB 43 25 38	#2B1926
16.7%	16.7% #44343F	RGB 68 52 63	#44343F
33.3%	33.3% #5D4F59	RGB 93 79 89	#5D4F59
50.0%	50.0% #766B73	RGB 118 107 115	#766B73
66.7%	66.7% #8F868D	RGB 143 134 141	#8F868D
83.3%	83.3% #A8A1A7	RGB 168 161 167	#A8A1A7
100.0%	100.0% #C2BDC1	RGB 194 189 193	#C2BDC1

#2B1926 #44343F #5D4F59 #766B73 #8F868D #A8A1A7 #C2BDC1

#2B1926 - #C2BDC1

HSVブレンド

#2B1926 - #C2BDC1 | colorate

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

0.0%	0.0% #2B1926	RGB 43 25 38	#2B1926
16.7%	16.7% #442C3D	RGB 68 44 61	#442C3D
33.3%	33.3% #5D4256	RGB 93 66 86	#5D4256
50.0%	50.0% #765C70	RGB 118 92 112	#765C70
66.7%	66.7% #8F798A	RGB 143 121 138	#8F798A
83.3%	83.3% #A899A5	RGB 168 153 165	#A899A5
100.0%	100.0% #C2BDC1	RGB 194 189 193	#C2BDC1

#2B1926 #442C3D #5D4256 #765C70 #8F798A #A899A5 #C2BDC1

#2B1926 - #765C70 - #C2BDC1

CSSコード

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

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