#32231A - #4B3E1F | colorate

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

Blend #32231A to #4B3E1F

#32231A

#4B3E1F

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

RGBブレンド

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

0.0%	0.0% #32231A	RGB 50 35 26	#32231A
16.7%	16.7% #36271A	RGB 54 39 26	#36271A
33.3%	33.3% #3A2C1B	RGB 58 44 27	#3A2C1B
50.0%	50.0% #3E301C	RGB 62 48 28	#3E301C
66.7%	66.7% #42351D	RGB 66 53 29	#42351D
83.3%	83.3% #46391E	RGB 70 57 30	#46391E
100.0%	100.0% #4B3E1F	RGB 75 62 31	#4B3E1F

#32231A #36271A #3A2C1B #3E301C #42351D #46391E #4B3E1F

#32231A - #4B3E1F

HSVブレンド

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

0.0%	0.0% #32231A	RGB 50 35 26	#32231A
16.7%	16.7% #36261B	RGB 54 38 27	#36261B
33.3%	33.3% #3A2A1C	RGB 58 42 28	#3A2A1C
50.0%	50.0% #3E2F1D	RGB 62 47 29	#3E2F1D
66.7%	66.7% #42331D	RGB 66 51 29	#42331D
83.3%	83.3% #46381E	RGB 70 56 30	#46381E
100.0%	100.0% #4B3E1F	RGB 75 62 31	#4B3E1F

#32231A #36261B #3A2A1C #3E2F1D #42331D #46381E #4B3E1F

#32231A - #3E2F1D - #4B3E1F

CSSコード

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

/* HSV Gradation */
div {                
    background: -moz-linear-gradient(top, #32231A 0%, #3E2F1D 50%, #4B3E1F 100%);
    background: -webkit-linear-gradient(top, #32231A 0%, #3E2F1D 50%, #4B3E1F 100%);
    background: linear-gradient(to bottom, #32231A 0%, #3E2F1D 50%, #4B3E1F 100%); 
}
</style>