#2C0416 - #210300 | colorate

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

Blend #2C0416 to #210300

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

RGBブレンド

#2C0416 - #210300 | colorate

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

0.0%	0.0% #2C0416	RGB 44 4 22	#2C0416
16.7%	16.7% #2A0312	RGB 42 3 18	#2A0312
33.3%	33.3% #28030E	RGB 40 3 14	#28030E
50.0%	50.0% #26030B	RGB 38 3 11	#26030B
66.7%	66.7% #240307	RGB 36 3 7	#240307
83.3%	83.3% #220303	RGB 34 3 3	#220303
100.0%	100.0% #210300	RGB 33 3 0	#210300

#2C0416 #2A0312 #28030E #26030B #240307 #220303 #210300

#2C0416 - #210300

HSVブレンド

#2C0416 - #210300 | colorate

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

0.0%	0.0% #2C0415	RGB 44 4 21	#2C0415
16.7%	16.7% #2A0311	RGB 42 3 17	#2A0311
33.3%	33.3% #28020C	RGB 40 2 12	#28020C
50.0%	50.0% #260108	RGB 38 1 8	#260108
66.7%	66.7% #240104	RGB 36 1 4	#240104
83.3%	83.3% #220000	RGB 34 0 0	#220000
100.0%	100.0% #210300	RGB 33 3 0	#210300

#2C0415 #2A0311 #28020C #260108 #240104 #220000 #210300

#2C0416 - #260108 - #210300

CSSコード

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

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