#1D2419 - #060A06 | colorate

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

Blend #1D2419 to #060A06

#1D2419

#060A06

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

RGBブレンド

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

0.0%	0.0% #1D2419	RGB 29 36 25	#1D2419
16.7%	16.7% #1A2016	RGB 26 32 22	#1A2016
33.3%	33.3% #161C13	RGB 22 28 19	#161C13
50.0%	50.0% #121710	RGB 18 23 16	#121710
66.7%	66.7% #0E130D	RGB 14 19 13	#0E130D
83.3%	83.3% #0A0F0A	RGB 10 15 10	#0A0F0A
100.0%	100.0% #060A06	RGB 6 10 6	#060A06

#1D2419 #1A2016 #161C13 #121710 #0E130D #0A0F0A #060A06

#1D2419 - #060A06

HSVブレンド

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

0.0%	0.0% #1D2419	RGB 29 36 25	#1D2419
16.7%	16.7% #181F15	RGB 24 31 21	#181F15
33.3%	33.3% #141B12	RGB 20 27 18	#141B12
50.0%	50.0% #10170E	RGB 16 23 14	#10170E
66.7%	66.7% #0C120B	RGB 12 18 11	#0C120B
83.3%	83.3% #090E08	RGB 9 14 8	#090E08
100.0%	100.0% #060A06	RGB 6 10 6	#060A06

#1D2419 #181F15 #141B12 #10170E #0C120B #090E08 #060A06

#1D2419 - #10170E - #060A06

CSSコード

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

/* HSV Gradation */
div {                
    background: -moz-linear-gradient(top, #1D2419 0%, #10170E 50%, #060A06 100%);
    background: -webkit-linear-gradient(top, #1D2419 0%, #10170E 50%, #060A06 100%);
    background: linear-gradient(to bottom, #1D2419 0%, #10170E 50%, #060A06 100%); 
}
</style>