#1B1D1B - #000E03 | colorate

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

Blend #1B1D1B to #000E03

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

RGBブレンド

#1B1D1B - #000E03 | colorate

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

0.0%	0.0% #1B1D1B	RGB 27 29 27	#1B1D1B
16.7%	16.7% #161A17	RGB 22 26 23	#161A17
33.3%	33.3% #121813	RGB 18 24 19	#121813
50.0%	50.0% #0D150F	RGB 13 21 15	#0D150F
66.7%	66.7% #09130B	RGB 9 19 11	#09130B
83.3%	83.3% #041007	RGB 4 16 7	#041007
100.0%	100.0% #000E03	RGB 0 14 3	#000E03

#1B1D1B #161A17 #121813 #0D150F #09130B #041007 #000E03

#1B1D1B - #000E03

HSVブレンド

#1B1D1B - #000E03 | colorate

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

0.0%	0.0% #1B1D1B	RGB 27 29 27	#1B1D1B
16.7%	16.7% #141A14	RGB 20 26 20	#141A14
33.3%	33.3% #0E180F	RGB 14 24 15	#0E180F
50.0%	50.0% #0A150B	RGB 10 21 11	#0A150B
66.7%	66.7% #051307	RGB 5 19 7	#051307
83.3%	83.3% #021005	RGB 2 16 5	#021005
100.0%	100.0% #000E03	RGB 0 14 3	#000E03

#1B1D1B #141A14 #0E180F #0A150B #051307 #021005 #000E03

#1B1D1B - #0A150B - #000E03

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1B1D1B 0%, #0A150B 50%, #000E03 100%);
    background: -webkit-linear-gradient(top, #1B1D1B 0%, #0A150B 50%, #000E03 100%);
    background: linear-gradient(to bottom, #1B1D1B 0%, #0A150B 50%, #000E03 100%);
}
</style>