#0D1802 - #001505 | colorate

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

Blend #0D1802 to #001505

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

RGBブレンド

#0D1802 - #001505 | colorate

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

0.0%	0.0% #0D1802	RGB 13 24 2	#0D1802
16.7%	16.7% #0A1702	RGB 10 23 2	#0A1702
33.3%	33.3% #081703	RGB 8 23 3	#081703
50.0%	50.0% #061603	RGB 6 22 3	#061603
66.7%	66.7% #041604	RGB 4 22 4	#041604
83.3%	83.3% #021504	RGB 2 21 4	#021504
100.0%	100.0% #001505	RGB 0 21 5	#001505

#0D1802 #0A1702 #081703 #061603 #041604 #021504 #001505

#0D1802 - #001505

HSVブレンド

#0D1802 - #001505 | colorate

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

0.0%	0.0% #0D1801	RGB 13 24 1	#0D1801
16.7%	16.7% #091701	RGB 9 23 1	#091701
33.3%	33.3% #061701	RGB 6 23 1	#061701
50.0%	50.0% #031600	RGB 3 22 0	#031600
66.7%	66.7% #001600	RGB 0 22 0	#001600
83.3%	83.3% #001502	RGB 0 21 2	#001502
100.0%	100.0% #001505	RGB 0 21 5	#001505

#0D1801 #091701 #061701 #031600 #001600 #001502 #001505

#0D1802 - #031600 - #001505

CSSコード

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

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