#E5DADB - #CF8D94 | 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 #E5DADB to #CF8D94

#E5DADB #CF8D94

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

#E5DADB - #CF8D94 | 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 #E5DADB as 0% and #CF8D94 as 100%.

0.0%	0.0% #E5DADB	RGB 229 218 219	#E5DADB
16.7%	16.7% #E1CDCF	RGB 225 205 207	#E1CDCF
33.3%	33.3% #DDC0C3	RGB 221 192 195	#DDC0C3
50.0%	50.0% #DAB3B7	RGB 218 179 183	#DAB3B7
66.7%	66.7% #D6A6AB	RGB 214 166 171	#D6A6AB
83.3%	83.3% #D2999F	RGB 210 153 159	#D2999F
100.0%	100.0% #CF8D94	RGB 207 141 148	#CF8D94

#E5DADB #E1CDCF #DDC0C3 #DAB3B7 #D6A6AB #D2999F #CF8D94

#E5DADB - #CF8D94

HSV Blend

#E5DADB - #CF8D94 | 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 #E5DADB as 0% and #CF8D94 as 100%.

0.0%	0.0% #E5DADB	RGB 229 218 219	#E5DADB
16.7%	16.7% #E1CCCE	RGB 225 204 206	#E1CCCE
33.3%	33.3% #DDBFC1	RGB 221 191 193	#DDBFC1
50.0%	50.0% #DAB2B5	RGB 218 178 181	#DAB2B5
66.7%	66.7% #D6A5AA	RGB 214 165 170	#D6A5AA
83.3%	83.3% #D2999E	RGB 210 153 158	#D2999E
100.0%	100.0% #CF8D94	RGB 207 141 148	#CF8D94

#E5DADB #E1CCCE #DDBFC1 #DAB2B5 #D6A5AA #D2999E #CF8D94

#E5DADB - #DAB2B5 - #CF8D94

CSS codes

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

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