#3F0D17 - #4B2409 | colorate

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

Blend #3F0D17 to #4B2409

#3F0D17

#4B2409

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

RGBブレンド

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

0.0%	0.0% #3F0D17	RGB 63 13 23	#3F0D17
16.7%	16.7% #411015	RGB 65 16 21	#411015
33.3%	33.3% #431413	RGB 67 20 19	#431413
50.0%	50.0% #451810	RGB 69 24 16	#451810
66.7%	66.7% #471C0E	RGB 71 28 14	#471C0E
83.3%	83.3% #49200C	RGB 73 32 12	#49200C
100.0%	100.0% #4B2409	RGB 75 36 9	#4B2409

#3F0D17 #411015 #431413 #451810 #471C0E #49200C #4B2409

#3F0D17 - #4B2409

HSVブレンド

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

0.0%	0.0% #3F0D16	RGB 63 13 22	#3F0D16
16.7%	16.7% #410C11	RGB 65 12 17	#410C11
33.3%	33.3% #430C0B	RGB 67 12 11	#430C0B
50.0%	50.0% #45110B	RGB 69 17 11	#45110B
66.7%	66.7% #47170A	RGB 71 23 10	#47170A
83.3%	83.3% #491D09	RGB 73 29 9	#491D09
100.0%	100.0% #4B2309	RGB 75 35 9	#4B2309

#3F0D16 #410C11 #430C0B #45110B #47170A #491D09 #4B2309

#3F0D16 - #45110B - #4B2309

CSSコード

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

/* HSV Gradation */
div {                
    background: -moz-linear-gradient(top, #3F0D16 0%, #45110B 50%, #4B2309 100%);
    background: -webkit-linear-gradient(top, #3F0D16 0%, #45110B 50%, #4B2309 100%);
    background: linear-gradient(to bottom, #3F0D16 0%, #45110B 50%, #4B2309 100%); 
}
</style>