#1B0F07 - #342708 | colorate

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

Tweet

Blend #1B0F07 to #342708

#1B0F07

#342708

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

RGBブレンド

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

0.0%	0.0% #1B0F07	RGB 27 15 7	#1B0F07
16.7%	16.7% #1F1307	RGB 31 19 7	#1F1307
33.3%	33.3% #231707	RGB 35 23 7	#231707
50.0%	50.0% #271B07	RGB 39 27 7	#271B07
66.7%	66.7% #2B1F07	RGB 43 31 7	#2B1F07
83.3%	83.3% #2F2307	RGB 47 35 7	#2F2307
100.0%	100.0% #342708	RGB 52 39 8	#342708

#1B0F07 #1F1307 #231707 #271B07 #2B1F07 #2F2307 #342708

#1B0F07 - #342708

HSVブレンド

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

0.0%	0.0% #1B0F07	RGB 27 15 7	#1B0F07
16.7%	16.7% #1F1207	RGB 31 18 7	#1F1207
33.3%	33.3% #231507	RGB 35 21 7	#231507
50.0%	50.0% #271908	RGB 39 25 8	#271908
66.7%	66.7% #2B1D08	RGB 43 29 8	#2B1D08
83.3%	83.3% #2F2208	RGB 47 34 8	#2F2208
100.0%	100.0% #342708	RGB 52 39 8	#342708

#1B0F07 #1F1207 #231507 #271908 #2B1D08 #2F2208 #342708

#1B0F07 - #271908 - #342708

CSSコード

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

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