#EDDAD5 - #B99D85 | colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. Make this site better

Blend #EDDAD5 to #B99D85

#EDDAD5 #B99D85

Calculate the color between two colors, #EDDAD5 and #B99D85. In calculation of RGB values, saturation between the dissimilar colors is low. In calculating of HSV values, saturation between the dissimilar colors is not low.

RGB Blend(Linear)

#EDDAD5 - #B99D85 | colorate

Calculation of color between two colors based on RGB value. For colors that are distant from each other, the saturation between the two colors decreases. Expand the color between two colors with #EDDAD5 as 0% and #B99D85 as 100%.

0.0%	0.0% #EDDAD5	RGB 237 218 213	#EDDAD5
16.7%	16.7% #E4CFC7	RGB 228 207 199	#E4CFC7
33.3%	33.3% #DBC5BA	RGB 219 197 186	#DBC5BA
50.0%	50.0% #D3BBAD	RGB 211 187 173	#D3BBAD
66.7%	66.7% #CAB19F	RGB 202 177 159	#CAB19F
83.3%	83.3% #C1A792	RGB 193 167 146	#C1A792
100.0%	100.0% #B99D85	RGB 185 157 133	#B99D85

#EDDAD5 #E4CFC7 #DBC5BA #D3BBAD #CAB19F #C1A792 #B99D85

#EDDAD5 - #B99D85

HSV Blend

#EDDAD5 - #B99D85 | colorate

Calculation of color between two colors based on HSV value. Even between distinct colors of color, the saturation between the two colors does not decrease. Expand the color between two colors with #EDDAD5 as 0% and #B99D85 as 100%.

0.0%	0.0% #EDDAD5	RGB 237 218 213	#EDDAD5
16.7%	16.7% #E4CDC6	RGB 228 205 198	#E4CDC6
33.3%	33.3% #DBC2B8	RGB 219 194 184	#DBC2B8
50.0%	50.0% #D3B8AA	RGB 211 184 170	#D3B8AA
66.7%	66.7% #CAAE9D	RGB 202 174 157	#CAAE9D
83.3%	83.3% #C1A591	RGB 193 165 145	#C1A591
100.0%	100.0% #B99D85	RGB 185 157 133	#B99D85

#EDDAD5 #E4CDC6 #DBC2B8 #D3B8AA #CAAE9D #C1A591 #B99D85

#EDDAD5 - #D3B8AA - #B99D85

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #EDDAD5 0%, #D3B8AA 50%, #B99D85 100%);
    background: -webkit-linear-gradient(top, #EDDAD5 0%, #D3B8AA 50%, #B99D85 100%);
    background: linear-gradient(to bottom, #EDDAD5 0%, #D3B8AA 50%, #B99D85 100%);
}
</style>