#391923 - #1E0608 | colorate

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

Blend #391923 to #1E0608

#391923 #1E0608

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

RGBブレンド

#391923 - #1E0608 | colorate

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

0.0%	0.0% #391923	RGB 57 25 35	#391923
16.7%	16.7% #34151E	RGB 52 21 30	#34151E
33.3%	33.3% #30121A	RGB 48 18 26	#30121A
50.0%	50.0% #2B0F15	RGB 43 15 21	#2B0F15
66.7%	66.7% #270C11	RGB 39 12 17	#270C11
83.3%	83.3% #22090C	RGB 34 9 12	#22090C
100.0%	100.0% #1E0608	RGB 30 6 8	#1E0608

#391923 #34151E #30121A #2B0F15 #270C11 #22090C #1E0608

#391923 - #1E0608

HSVブレンド

#391923 - #1E0608 | colorate

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

0.0%	0.0% #391922	RGB 57 25 34	#391922
16.7%	16.7% #34141D	RGB 52 20 29	#34141D
33.3%	33.3% #301118	RGB 48 17 24	#301118
50.0%	50.0% #2B0D13	RGB 43 13 19	#2B0D13
66.7%	66.7% #270A0F	RGB 39 10 15	#270A0F
83.3%	83.3% #22080B	RGB 34 8 11	#22080B
100.0%	100.0% #1E0608	RGB 30 6 8	#1E0608

#391922 #34141D #301118 #2B0D13 #270A0F #22080B #1E0608

#391923 - #2B0D13 - #1E0608

CSSコード

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

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