#C86A8B - #EFD4DD | 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 #C86A8B to #EFD4DD

#C86A8B #EFD4DD

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

#C86A8B - #EFD4DD | 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 #C86A8B as 0% and #EFD4DD as 100%.

0.0%	0.0% #C86A8B	RGB 200 106 139	#C86A8B
16.7%	16.7% #CE7B98	RGB 206 123 152	#CE7B98
33.3%	33.3% #D58DA6	RGB 213 141 166	#D58DA6
50.0%	50.0% #DB9FB4	RGB 219 159 180	#DB9FB4
66.7%	66.7% #E2B0C1	RGB 226 176 193	#E2B0C1
83.3%	83.3% #E8C2CF	RGB 232 194 207	#E8C2CF
100.0%	100.0% #EFD4DD	RGB 239 212 221	#EFD4DD

#C86A8B #CE7B98 #D58DA6 #DB9FB4 #E2B0C1 #E8C2CF #EFD4DD

#C86A8B - #EFD4DD

HSV Blend

#C86A8B - #EFD4DD | 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 #C86A8B as 0% and #EFD4DD as 100%.

0.0%	0.0% #C86A8A	RGB 200 106 138	#C86A8A
16.7%	16.7% #CE7997	RGB 206 121 151	#CE7997
33.3%	33.3% #D58AA4	RGB 213 138 164	#D58AA4
50.0%	50.0% #DB9BB1	RGB 219 155 177	#DB9BB1
66.7%	66.7% #E2ADBF	RGB 226 173 191	#E2ADBF
83.3%	83.3% #E8C0CD	RGB 232 192 205	#E8C0CD
100.0%	100.0% #EFD4DD	RGB 239 212 221	#EFD4DD

#C86A8A #CE7997 #D58AA4 #DB9BB1 #E2ADBF #E8C0CD #EFD4DD

#C86A8B - #DB9BB1 - #EFD4DD

CSS codes

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

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