#3E2C1C - #E3E0DE | colorate

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

Tweet

Blend #3E2C1C to #E3E0DE

#3E2C1C

#E3E0DE

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

RGBブレンド

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

0.0%	0.0% #3E2C1C	RGB 62 44 28	#3E2C1C
16.7%	16.7% #594A3C	RGB 89 74 60	#594A3C
33.3%	33.3% #75685C	RGB 117 104 92	#75685C
50.0%	50.0% #90867D	RGB 144 134 125	#90867D
66.7%	66.7% #ACA49D	RGB 172 164 157	#ACA49D
83.3%	83.3% #C7C2BD	RGB 199 194 189	#C7C2BD
100.0%	100.0% #E3E0DE	RGB 227 224 222	#E3E0DE

#3E2C1C #594A3C #75685C #90867D #ACA49D #C7C2BD #E3E0DE

#3E2C1C - #E3E0DE

HSVブレンド

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

0.0%	0.0% #3E2C1C	RGB 62 44 28	#3E2C1C
16.7%	16.7% #594330	RGB 89 67 48	#594330
33.3%	33.3% #755C49	RGB 117 92 73	#755C49
50.0%	50.0% #907967	RGB 144 121 103	#907967
66.7%	66.7% #AC988A	RGB 172 152 138	#AC988A
83.3%	83.3% #C7BAB1	RGB 199 186 177	#C7BAB1
100.0%	100.0% #E3E0DE	RGB 227 224 222	#E3E0DE

#3E2C1C #594330 #755C49 #907967 #AC988A #C7BAB1 #E3E0DE

#3E2C1C - #907967 - #E3E0DE

CSSコード

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

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