#0F0834 - #04020E | colorate

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

Blend #0F0834 to #04020E

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

RGBブレンド

#0F0834 - #04020E | colorate

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

0.0%	0.0% #0F0834	RGB 15 8 52	#0F0834
16.7%	16.7% #0D072D	RGB 13 7 45	#0D072D
33.3%	33.3% #0B0627	RGB 11 6 39	#0B0627
50.0%	50.0% #090521	RGB 9 5 33	#090521
66.7%	66.7% #07041A	RGB 7 4 26	#07041A
83.3%	83.3% #050314	RGB 5 3 20	#050314
100.0%	100.0% #04020E	RGB 4 2 14	#04020E

#0F0834 #0D072D #0B0627 #090521 #07041A #050314 #04020E

#0F0834 - #04020E

HSVブレンド

#0F0834 - #04020E | colorate

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

0.0%	0.0% #0E0834	RGB 14 8 52	#0E0834
16.7%	16.7% #0D062D	RGB 13 6 45	#0D062D
33.3%	33.3% #0B0527	RGB 11 5 39	#0B0527
50.0%	50.0% #090421	RGB 9 4 33	#090421
66.7%	66.7% #07031A	RGB 7 3 26	#07031A
83.3%	83.3% #050214	RGB 5 2 20	#050214
100.0%	100.0% #04020E	RGB 4 2 14	#04020E

#0E0834 #0D062D #0B0527 #090421 #07031A #050214 #04020E

#0F0834 - #090421 - #04020E

CSSコード

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

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