#E3CFD9 - #CF7EA3 | 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 #E3CFD9 to #CF7EA3

#E3CFD9 #CF7EA3

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

#E3CFD9 - #CF7EA3 | 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 #E3CFD9 as 0% and #CF7EA3 as 100%.

0.0%	0.0% #E3CFD9	RGB 227 207 217	#E3CFD9
16.7%	16.7% #DFC1D0	RGB 223 193 208	#DFC1D0
33.3%	33.3% #DCB4C7	RGB 220 180 199	#DCB4C7
50.0%	50.0% #D9A6BE	RGB 217 166 190	#D9A6BE
66.7%	66.7% #D599B5	RGB 213 153 181	#D599B5
83.3%	83.3% #D28BAC	RGB 210 139 172	#D28BAC
100.0%	100.0% #CF7EA3	RGB 207 126 163	#CF7EA3

#E3CFD9 #DFC1D0 #DCB4C7 #D9A6BE #D599B5 #D28BAC #CF7EA3

#E3CFD9 - #CF7EA3

HSV Blend

#E3CFD9 - #CF7EA3 | 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 #E3CFD9 as 0% and #CF7EA3 as 100%.

0.0%	0.0% #E3CFD9	RGB 227 207 217	#E3CFD9
16.7%	16.7% #DFC0CF	RGB 223 192 207	#DFC0CF
33.3%	33.3% #DCB2C6	RGB 220 178 198	#DCB2C6
50.0%	50.0% #D9A4BD	RGB 217 164 189	#D9A4BD
66.7%	66.7% #D597B4	RGB 213 151 180	#D597B4
83.3%	83.3% #D28AAB	RGB 210 138 171	#D28AAB
100.0%	100.0% #CF7EA3	RGB 207 126 163	#CF7EA3

#E3CFD9 #DFC0CF #DCB2C6 #D9A4BD #D597B4 #D28AAB #CF7EA3

#E3CFD9 - #D9A4BD - #CF7EA3

CSS codes

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

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