#040B0B - #0A040B | colorate

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

Blend #040B0B to #0A040B

#040B0B

#0A040B

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

RGBブレンド

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

0.0%	0.0% #040B0B	RGB 4 11 11	#040B0B
16.7%	16.7% #050A0B	RGB 5 10 11	#050A0B
33.3%	33.3% #06090B	RGB 6 9 11	#06090B
50.0%	50.0% #07080B	RGB 7 8 11	#07080B
66.7%	66.7% #08070B	RGB 8 7 11	#08070B
83.3%	83.3% #09060B	RGB 9 6 11	#09060B
100.0%	100.0% #0A040B	RGB 10 4 11	#0A040B

#040B0B #050A0B #06090B #07080B #08070B #09060B #0A040B

#040B0B - #0A040B

HSVブレンド

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

0.0%	0.0% #040B0B	RGB 4 11 11	#040B0B
16.7%	16.7% #04080B	RGB 4 8 11	#04080B
33.3%	33.3% #04060B	RGB 4 6 11	#04060B
50.0%	50.0% #04040B	RGB 4 4 11	#04040B
66.7%	66.7% #05040B	RGB 5 4 11	#05040B
83.3%	83.3% #07040B	RGB 7 4 11	#07040B
100.0%	100.0% #0A040B	RGB 10 4 11	#0A040B

#040B0B #04080B #04060B #04040B #05040B #07040B #0A040B

#040B0B - #04040B - #0A040B

CSSコード

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

/* HSV Gradation */
div {                
    background: -moz-linear-gradient(top, #040B0B 0%, #04040B 50%, #0A040B 100%);
    background: -webkit-linear-gradient(top, #040B0B 0%, #04040B 50%, #0A040B 100%);
    background: linear-gradient(to bottom, #040B0B 0%, #04040B 50%, #0A040B 100%); 
}
</style>