#181D01 - #0A2900 | colorate

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

Blend #181D01 to #0A2900

#181D01

#0A2900

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

RGBブレンド

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

0.0%	0.0% #181D01	RGB 24 29 1	#181D01
16.7%	16.7% #161F01	RGB 22 31 1	#161F01
33.3%	33.3% #142101	RGB 20 33 1	#142101
50.0%	50.0% #112301	RGB 17 35 1	#112301
66.7%	66.7% #0F2501	RGB 15 37 1	#0F2501
83.3%	83.3% #0D2701	RGB 13 39 1	#0D2701
100.0%	100.0% #0A2900	RGB 10 41 0	#0A2900

#181D01 #161F01 #142101 #112301 #0F2501 #0D2701 #0A2900

#181D01 - #0A2900

HSVブレンド

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

0.0%	0.0% #181D01	RGB 24 29 1	#181D01
16.7%	16.7% #161F00	RGB 22 31 0	#161F00
33.3%	33.3% #152100	RGB 21 33 0	#152100
50.0%	50.0% #122300	RGB 18 35 0	#122300
66.7%	66.7% #102500	RGB 16 37 0	#102500
83.3%	83.3% #0D2700	RGB 13 39 0	#0D2700
100.0%	100.0% #0A2900	RGB 10 41 0	#0A2900

#181D01 #161F00 #152100 #122300 #102500 #0D2700 #0A2900

#181D01 - #122300 - #0A2900

CSSコード

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

/* HSV Gradation */
div {                
    background: -moz-linear-gradient(top, #181D01 0%, #122300 50%, #0A2900 100%);
    background: -webkit-linear-gradient(top, #181D01 0%, #122300 50%, #0A2900 100%);
    background: linear-gradient(to bottom, #181D01 0%, #122300 50%, #0A2900 100%); 
}
</style>