#102311 - #231210 | colorate

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

Blend #102311 to #231210

#102311

#231210

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

RGBブレンド

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

0.0%	0.0% #102311	RGB 16 35 17	#102311
16.7%	16.7% #132111	RGB 19 33 17	#132111
33.3%	33.3% #161E11	RGB 22 30 17	#161E11
50.0%	50.0% #191B11	RGB 25 27 17	#191B11
66.7%	66.7% #1C1811	RGB 28 24 17	#1C1811
83.3%	83.3% #1F1511	RGB 31 21 17	#1F1511
100.0%	100.0% #231210	RGB 35 18 16	#231210

#102311 #132111 #161E11 #191B11 #1C1811 #1F1511 #231210

#102311 - #231210

HSVブレンド

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

0.0%	0.0% #102311	RGB 16 35 17	#102311
16.7%	16.7% #152310	RGB 21 35 16	#152310
33.3%	33.3% #1B2310	RGB 27 35 16	#1B2310
50.0%	50.0% #212310	RGB 33 35 16	#212310
66.7%	66.7% #231E10	RGB 35 30 16	#231E10
83.3%	83.3% #231810	RGB 35 24 16	#231810
100.0%	100.0% #231210	RGB 35 18 16	#231210

#102311 #152310 #1B2310 #212310 #231E10 #231810 #231210

#102311 - #212310 - #231210

CSSコード

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

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