#EDDFE1 - #B28C8D | 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 #EDDFE1 to #B28C8D

#EDDFE1 #B28C8D

Calculate the color between two colors, #EDDFE1 and #B28C8D. 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)

#EDDFE1 - #B28C8D | 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 #EDDFE1 as 0% and #B28C8D as 100%.

0.0%	0.0% #EDDFE1	RGB 237 223 225	#EDDFE1
16.7%	16.7% #E3D1D3	RGB 227 209 211	#E3D1D3
33.3%	33.3% #D9C3C5	RGB 217 195 197	#D9C3C5
50.0%	50.0% #CFB5B7	RGB 207 181 183	#CFB5B7
66.7%	66.7% #C5A7A9	RGB 197 167 169	#C5A7A9
83.3%	83.3% #BB999B	RGB 187 153 155	#BB999B
100.0%	100.0% #B28C8D	RGB 178 140 141	#B28C8D

#EDDFE1 #E3D1D3 #D9C3C5 #CFB5B7 #C5A7A9 #BB999B #B28C8D

#EDDFE1 - #B28C8D

HSV Blend

#EDDFE1 - #B28C8D | 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 #EDDFE1 as 0% and #B28C8D as 100%.

0.0%	0.0% #EDDFE1	RGB 237 223 225	#EDDFE1
16.7%	16.7% #E3CFD2	RGB 227 207 210	#E3CFD2
33.3%	33.3% #D9C1C3	RGB 217 193 195	#D9C1C3
50.0%	50.0% #CFB3B5	RGB 207 179 181	#CFB3B5
66.7%	66.7% #C5A5A7	RGB 197 165 167	#C5A5A7
83.3%	83.3% #BB989A	RGB 187 152 154	#BB989A
100.0%	100.0% #B28C8D	RGB 178 140 141	#B28C8D

#EDDFE1 #E3CFD2 #D9C1C3 #CFB3B5 #C5A5A7 #BB989A #B28C8D

#EDDFE1 - #CFB3B5 - #B28C8D

CSS codes

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

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