#4B2D2B - #CBC3C2 | colorate

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

Blend #4B2D2B to #CBC3C2

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

RGBブレンド

#4B2D2B - #CBC3C2 | colorate

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

0.0%	0.0% #4B2D2B	RGB 75 45 43	#4B2D2B
16.7%	16.7% #604644	RGB 96 70 68	#604644
33.3%	33.3% #755F5D	RGB 117 95 93	#755F5D
50.0%	50.0% #8B7876	RGB 139 120 118	#8B7876
66.7%	66.7% #A0918F	RGB 160 145 143	#A0918F
83.3%	83.3% #B5AAA8	RGB 181 170 168	#B5AAA8
100.0%	100.0% #CBC3C2	RGB 203 195 194	#CBC3C2

#4B2D2B #604644 #755F5D #8B7876 #A0918F #B5AAA8 #CBC3C2

#4B2D2B - #CBC3C2

HSVブレンド

#4B2D2B - #CBC3C2 | colorate

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

0.0%	0.0% #4B2D2B	RGB 75 45 43	#4B2D2B
16.7%	16.7% #603F3D	RGB 96 63 61	#603F3D
33.3%	33.3% #755552	RGB 117 85 82	#755552
50.0%	50.0% #8B6D6A	RGB 139 109 106	#8B6D6A
66.7%	66.7% #A08784	RGB 160 135 132	#A08784
83.3%	83.3% #B5A4A2	RGB 181 164 162	#B5A4A2
100.0%	100.0% #CBC3C2	RGB 203 195 194	#CBC3C2

#4B2D2B #603F3D #755552 #8B6D6A #A08784 #B5A4A2 #CBC3C2

#4B2D2B - #8B6D6A - #CBC3C2

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4B2D2B 0%, #8B6D6A 50%, #CBC3C2 100%);
    background: -webkit-linear-gradient(top, #4B2D2B 0%, #8B6D6A 50%, #CBC3C2 100%);
    background: linear-gradient(to bottom, #4B2D2B 0%, #8B6D6A 50%, #CBC3C2 100%);
}
</style>