#20231C - #BFC0BE | colorate

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

Blend #20231C to #BFC0BE

#20231C #BFC0BE

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

RGBブレンド

#20231C - #BFC0BE | colorate

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

0.0%	0.0% #20231C	RGB 32 35 28	#20231C
16.7%	16.7% #3A3D37	RGB 58 61 55	#3A3D37
33.3%	33.3% #555752	RGB 85 87 82	#555752
50.0%	50.0% #6F716D	RGB 111 113 109	#6F716D
66.7%	66.7% #8A8B88	RGB 138 139 136	#8A8B88
83.3%	83.3% #A4A5A3	RGB 164 165 163	#A4A5A3
100.0%	100.0% #BFC0BE	RGB 191 192 190	#BFC0BE

#20231C #3A3D37 #555752 #6F716D #8A8B88 #A4A5A3 #BFC0BE

#20231C - #BFC0BE

HSVブレンド

#20231C - #BFC0BE | colorate

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

0.0%	0.0% #20231C	RGB 32 35 28	#20231C
16.7%	16.7% #383D32	RGB 56 61 50	#383D32
33.3%	33.3% #51574B	RGB 81 87 75	#51574B
50.0%	50.0% #6B7165	RGB 107 113 101	#6B7165
66.7%	66.7% #868B81	RGB 134 139 129	#868B81
83.3%	83.3% #A2A59E	RGB 162 165 158	#A2A59E
100.0%	100.0% #BFC0BE	RGB 191 192 190	#BFC0BE

#20231C #383D32 #51574B #6B7165 #868B81 #A2A59E #BFC0BE

#20231C - #6B7165 - #BFC0BE

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #20231C 0%, #6B7165 50%, #BFC0BE 100%);
    background: -webkit-linear-gradient(top, #20231C 0%, #6B7165 50%, #BFC0BE 100%);
    background: linear-gradient(to bottom, #20231C 0%, #6B7165 50%, #BFC0BE 100%);
}
</style>