#E4D9DB - #B48F96 | 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 #E4D9DB to #B48F96

#E4D9DB #B48F96

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

#E4D9DB - #B48F96 | 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 #E4D9DB as 0% and #B48F96 as 100%.

0.0%	0.0% #E4D9DB	RGB 228 217 219	#E4D9DB
16.7%	16.7% #DCCCCF	RGB 220 204 207	#DCCCCF
33.3%	33.3% #D4C0C4	RGB 212 192 196	#D4C0C4
50.0%	50.0% #CCB4B8	RGB 204 180 184	#CCB4B8
66.7%	66.7% #C4A7AD	RGB 196 167 173	#C4A7AD
83.3%	83.3% #BC9BA1	RGB 188 155 161	#BC9BA1
100.0%	100.0% #B48F96	RGB 180 143 150	#B48F96

#E4D9DB #DCCCCF #D4C0C4 #CCB4B8 #C4A7AD #BC9BA1 #B48F96

#E4D9DB - #B48F96

HSV Blend

#E4D9DB - #B48F96 | 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 #E4D9DB as 0% and #B48F96 as 100%.

0.0%	0.0% #E4D9DB	RGB 228 217 219	#E4D9DB
16.7%	16.7% #DCCBCE	RGB 220 203 206	#DCCBCE
33.3%	33.3% #D4BEC2	RGB 212 190 194	#D4BEC2
50.0%	50.0% #CCB2B6	RGB 204 178 182	#CCB2B6
66.7%	66.7% #C4A5AB	RGB 196 165 171	#C4A5AB
83.3%	83.3% #BC9AA0	RGB 188 154 160	#BC9AA0
100.0%	100.0% #B48F96	RGB 180 143 150	#B48F96

#E4D9DB #DCCBCE #D4BEC2 #CCB2B6 #C4A5AB #BC9AA0 #B48F96

#E4D9DB - #CCB2B6 - #B48F96

CSS codes

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

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