#0F0405 - #040101 | colorate

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

Blend #0F0405 to #040101

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

RGBブレンド

#0F0405 - #040101 | colorate

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

0.0%	0.0% #0F0405	RGB 15 4 5	#0F0405
16.7%	16.7% #0D0304	RGB 13 3 4	#0D0304
33.3%	33.3% #0B0303	RGB 11 3 3	#0B0303
50.0%	50.0% #090203	RGB 9 2 3	#090203
66.7%	66.7% #070202	RGB 7 2 2	#070202
83.3%	83.3% #050101	RGB 5 1 1	#050101
100.0%	100.0% #040101	RGB 4 1 1	#040101

#0F0405 #0D0304 #0B0303 #090203 #070202 #050101 #040101

#0F0405 - #040101

HSVブレンド

#0F0405 - #040101 | colorate

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

0.0%	0.0% #0F0404	RGB 15 4 4	#0F0404
16.7%	16.7% #0D0304	RGB 13 3 4	#0D0304
33.3%	33.3% #0B0203	RGB 11 2 3	#0B0203
50.0%	50.0% #090202	RGB 9 2 2	#090202
66.7%	66.7% #070102	RGB 7 1 2	#070102
83.3%	83.3% #050101	RGB 5 1 1	#050101
100.0%	100.0% #040101	RGB 4 1 1	#040101

#0F0404 #0D0304 #0B0203 #090202 #070102 #050101 #040101

#0F0405 - #090202 - #040101

CSSコード

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

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