#302414 - #001201 | colorate

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

Blend #302414 to #001201

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

RGBブレンド

#302414 - #001201 | colorate

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

0.0%	0.0% #302414	RGB 48 36 20	#302414
16.7%	16.7% #282110	RGB 40 33 16	#282110
33.3%	33.3% #201E0D	RGB 32 30 13	#201E0D
50.0%	50.0% #181B0A	RGB 24 27 10	#181B0A
66.7%	66.7% #101807	RGB 16 24 7	#101807
83.3%	83.3% #081504	RGB 8 21 4	#081504
100.0%	100.0% #001201	RGB 0 18 1	#001201

#302414 #282110 #201E0D #181B0A #101807 #081504 #001201

#302414 - #001201

HSVブレンド

#302414 - #001201 | colorate

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

0.0%	0.0% #302414	RGB 48 36 20	#302414
16.7%	16.7% #2B250E	RGB 43 37 14	#2B250E
33.3%	33.3% #24260A	RGB 36 38 10	#24260A
50.0%	50.0% #182106	RGB 24 33 6	#182106
66.7%	66.7% #0E1C03	RGB 14 28 3	#0E1C03
83.3%	83.3% #051701	RGB 5 23 1	#051701
100.0%	100.0% #001201	RGB 0 18 1	#001201

#302414 #2B250E #24260A #182106 #0E1C03 #051701 #001201

#302414 - #182106 - #001201

CSSコード

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

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