#151714 - #011D00 | colorate

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

Blend #151714 to #011D00

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

RGBブレンド

#151714 - #011D00 | colorate

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

0.0%	0.0% #151714	RGB 21 23 20	#151714
16.7%	16.7% #111810	RGB 17 24 16	#111810
33.3%	33.3% #0E190D	RGB 14 25 13	#0E190D
50.0%	50.0% #0B1A0A	RGB 11 26 10	#0B1A0A
66.7%	66.7% #071B06	RGB 7 27 6	#071B06
83.3%	83.3% #041C03	RGB 4 28 3	#041C03
100.0%	100.0% #011D00	RGB 1 29 0	#011D00

#151714 #111810 #0E190D #0B1A0A #071B06 #041C03 #011D00

#151714 - #011D00

HSVブレンド

#151714 - #011D00 | colorate

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

0.0%	0.0% #151714	RGB 21 23 20	#151714
16.7%	16.7% #131811	RGB 19 24 17	#131811
33.3%	33.3% #10190E	RGB 16 25 14	#10190E
50.0%	50.0% #0E1A0B	RGB 14 26 11	#0E1A0B
66.7%	66.7% #0A1B07	RGB 10 27 7	#0A1B07
83.3%	83.3% #061C04	RGB 6 28 4	#061C04
100.0%	100.0% #011D00	RGB 1 29 0	#011D00

#151714 #131811 #10190E #0E1A0B #0A1B07 #061C04 #011D00

#151714 - #0E1A0B - #011D00

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #151714 0%, #0E1A0B 50%, #011D00 100%);
    background: -webkit-linear-gradient(top, #151714 0%, #0E1A0B 50%, #011D00 100%);
    background: linear-gradient(to bottom, #151714 0%, #0E1A0B 50%, #011D00 100%);
}
</style>