#121616 - #000F01 | colorate

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

Blend #121616 to #000F01

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

RGBブレンド

#121616 - #000F01 | colorate

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

0.0%	0.0% #121616	RGB 18 22 22	#121616
16.7%	16.7% #0F1412	RGB 15 20 18	#0F1412
33.3%	33.3% #0C130F	RGB 12 19 15	#0C130F
50.0%	50.0% #09120B	RGB 9 18 11	#09120B
66.7%	66.7% #061107	RGB 6 17 7	#061107
83.3%	83.3% #031004	RGB 3 16 4	#031004
100.0%	100.0% #000F01	RGB 0 15 1	#000F01

#121616 #0F1412 #0C130F #09120B #061107 #031004 #000F01

#121616 - #000F01

HSVブレンド

#121616 - #000F01 | colorate

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

0.0%	0.0% #121616	RGB 18 22 22	#121616
16.7%	16.7% #0E1413	RGB 14 20 19	#0E1413
33.3%	33.3% #0A1310	RGB 10 19 16	#0A1310
50.0%	50.0% #07120D	RGB 7 18 13	#07120D
66.7%	66.7% #041109	RGB 4 17 9	#041109
83.3%	83.3% #021005	RGB 2 16 5	#021005
100.0%	100.0% #000F01	RGB 0 15 1	#000F01

#121616 #0E1413 #0A1310 #07120D #041109 #021005 #000F01

#121616 - #07120D - #000F01

CSSコード

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #121616 0%, #07120D 50%, #000F01 100%);
    background: -webkit-linear-gradient(top, #121616 0%, #07120D 50%, #000F01 100%);
    background: linear-gradient(to bottom, #121616 0%, #07120D 50%, #000F01 100%);
}
</style>