#010207 - #090113 | colorate

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

Blend #010207 to #090113

#010207

#090113

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

RGBブレンド

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

0.0%	0.0% #010207	RGB 1 2 7	#010207
16.7%	16.7% #020209	RGB 2 2 9	#020209
33.3%	33.3% #03020B	RGB 3 2 11	#03020B
50.0%	50.0% #05020D	RGB 5 2 13	#05020D
66.7%	66.7% #06020F	RGB 6 2 15	#06020F
83.3%	83.3% #070211	RGB 7 2 17	#070211
100.0%	100.0% #090113	RGB 9 1 19	#090113

#010207 #020209 #03020B #05020D #06020F #070211 #090113

#010207 - #090113

HSVブレンド

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

0.0%	0.0% #010107	RGB 1 1 7	#010107
16.7%	16.7% #010109	RGB 1 1 9	#010109
33.3%	33.3% #01010B	RGB 1 1 11	#01010B
50.0%	50.0% #02010D	RGB 2 1 13	#02010D
66.7%	66.7% #04010F	RGB 4 1 15	#04010F
83.3%	83.3% #060111	RGB 6 1 17	#060111
100.0%	100.0% #080013	RGB 8 0 19	#080013

#010107 #010109 #01010B #02010D #04010F #060111 #080013

#010107 - #02010D - #080013

CSSコード

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

/* HSV Gradation */
div {                
    background: -moz-linear-gradient(top, #010107 0%, #02010D 50%, #080013 100%);
    background: -webkit-linear-gradient(top, #010107 0%, #02010D 50%, #080013 100%);
    background: linear-gradient(to bottom, #010107 0%, #02010D 50%, #080013 100%); 
}
</style>