#DB8763 - #F9EDE8 | colorate

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

Blend #DB8763 to #F9EDE8

#DB8763

#F9EDE8

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

RGBブレンド

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

0.0%	0.0% #DB8763	RGB 219 135 99	#DB8763
16.7%	16.7% #E09879	RGB 224 152 121	#E09879
33.3%	33.3% #E5A98F	RGB 229 169 143	#E5A98F
50.0%	50.0% #EABAA5	RGB 234 186 165	#EABAA5
66.7%	66.7% #EFCBBB	RGB 239 203 187	#EFCBBB
83.3%	83.3% #F4DCD1	RGB 244 220 209	#F4DCD1
100.0%	100.0% #F9EDE8	RGB 249 237 232	#F9EDE8

#DB8763 #E09879 #E5A98F #EABAA5 #EFCBBB #F4DCD1 #F9EDE8

#DB8763 - #F9EDE8

HSVブレンド

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

0.0%	0.0% #DB8763	RGB 219 135 99	#DB8763
16.7%	16.7% #E09677	RGB 224 150 119	#E09677
33.3%	33.3% #E5A68C	RGB 229 166 140	#E5A68C
50.0%	50.0% #EAB7A1	RGB 234 183 161	#EAB7A1
66.7%	66.7% #EFC8B8	RGB 239 200 184	#EFC8B8
83.3%	83.3% #F4DACF	RGB 244 218 207	#F4DACF
100.0%	100.0% #F9EDE8	RGB 249 237 232	#F9EDE8

#DB8763 #E09677 #E5A68C #EAB7A1 #EFC8B8 #F4DACF #F9EDE8

#DB8763 - #EAB7A1 - #F9EDE8

CSSコード

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

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