#322E18 - #070603 | colorate

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

Blend #322E18 to #070603

#322E18

#070603

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

RGBブレンド

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

0.0%	0.0% #322E18	RGB 50 46 24	#322E18
16.7%	16.7% #2B2815	RGB 43 40 21	#2B2815
33.3%	33.3% #242111	RGB 36 33 17	#242111
50.0%	50.0% #1D1A0E	RGB 29 26 14	#1D1A0E
66.7%	66.7% #16140A	RGB 22 20 10	#16140A
83.3%	83.3% #0F0D07	RGB 15 13 7	#0F0D07
100.0%	100.0% #070603	RGB 7 6 3	#070603

#322E18 #2B2815 #242111 #1D1A0E #16140A #0F0D07 #070603

#322E18 - #070603

HSVブレンド

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

0.0%	0.0% #322E18	RGB 50 46 24	#322E18
16.7%	16.7% #2A2614	RGB 42 38 20	#2A2614
33.3%	33.3% #232010	RGB 35 32 16	#232010
50.0%	50.0% #1C190C	RGB 28 25 12	#1C190C
66.7%	66.7% #151209	RGB 21 18 9	#151209
83.3%	83.3% #0E0C06	RGB 14 12 6	#0E0C06
100.0%	100.0% #070603	RGB 7 6 3	#070603

#322E18 #2A2614 #232010 #1C190C #151209 #0E0C06 #070603

#322E18 - #1C190C - #070603

CSSコード

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

/* HSV Gradation */
div {                
    background: -moz-linear-gradient(top, #322E18 0%, #1C190C 50%, #070603 100%);
    background: -webkit-linear-gradient(top, #322E18 0%, #1C190C 50%, #070603 100%);
    background: linear-gradient(to bottom, #322E18 0%, #1C190C 50%, #070603 100%); 
}
</style>