#372423 - #1D130F | colorate

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

Blend #372423 to #1D130F

#372423

#1D130F

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

RGBブレンド

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

0.0%	0.0% #372423	RGB 55 36 35	#372423
16.7%	16.7% #332220	RGB 51 34 32	#332220
33.3%	33.3% #2F1F1D	RGB 47 31 29	#2F1F1D
50.0%	50.0% #2A1C19	RGB 42 28 25	#2A1C19
66.7%	66.7% #261916	RGB 38 25 22	#261916
83.3%	83.3% #221613	RGB 34 22 19	#221613
100.0%	100.0% #1D130F	RGB 29 19 15	#1D130F

#372423 #332220 #2F1F1D #2A1C19 #261916 #221613 #1D130F

#372423 - #1D130F

HSVブレンド

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

0.0%	0.0% #372423	RGB 55 36 35	#372423
16.7%	16.7% #32201F	RGB 50 32 31	#32201F
33.3%	33.3% #2E1E1B	RGB 46 30 27	#2E1E1B
50.0%	50.0% #2A1B18	RGB 42 27 24	#2A1B18
66.7%	66.7% #251814	RGB 37 24 20	#251814
83.3%	83.3% #211511	RGB 33 21 17	#211511
100.0%	100.0% #1D130F	RGB 29 19 15	#1D130F

#372423 #32201F #2E1E1B #2A1B18 #251814 #211511 #1D130F

#372423 - #2A1B18 - #1D130F

CSSコード

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

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