#C76DAC - #EFD5E7 | 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 #C76DAC to #EFD5E7

#C76DAC #EFD5E7

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

#C76DAC - #EFD5E7 | 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 #C76DAC as 0% and #EFD5E7 as 100%.

0.0%	0.0% #C76DAC	RGB 199 109 172	#C76DAC
16.7%	16.7% #CD7EB5	RGB 205 126 181	#CD7EB5
33.3%	33.3% #D48FBF	RGB 212 143 191	#D48FBF
50.0%	50.0% #DBA1C9	RGB 219 161 201	#DBA1C9
66.7%	66.7% #E1B2D3	RGB 225 178 211	#E1B2D3
83.3%	83.3% #E8C3DD	RGB 232 195 221	#E8C3DD
100.0%	100.0% #EFD5E7	RGB 239 213 231	#EFD5E7

#C76DAC #CD7EB5 #D48FBF #DBA1C9 #E1B2D3 #E8C3DD #EFD5E7

#C76DAC - #EFD5E7

HSV Blend

#C76DAC - #EFD5E7 | 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 #C76DAC as 0% and #EFD5E7 as 100%.

0.0%	0.0% #C76DAC	RGB 199 109 172	#C76DAC
16.7%	16.7% #CD7CB5	RGB 205 124 181	#CD7CB5
33.3%	33.3% #D48CBE	RGB 212 140 190	#D48CBE
50.0%	50.0% #DB9DC8	RGB 219 157 200	#DB9DC8
66.7%	66.7% #E1AFD2	RGB 225 175 210	#E1AFD2
83.3%	83.3% #E8C1DC	RGB 232 193 220	#E8C1DC
100.0%	100.0% #EFD5E7	RGB 239 213 231	#EFD5E7

#C76DAC #CD7CB5 #D48CBE #DB9DC8 #E1AFD2 #E8C1DC #EFD5E7

#C76DAC - #DB9DC8 - #EFD5E7

CSS codes

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

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