#C76DC1 - #EFD5EB | 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 #C76DC1 to #EFD5EB

#C76DC1 #EFD5EB

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

#C76DC1 - #EFD5EB | 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 #C76DC1 as 0% and #EFD5EB as 100%.

0.0%	0.0% #C76DC1	RGB 199 109 193	#C76DC1
16.7%	16.7% #CD7EC8	RGB 205 126 200	#CD7EC8
33.3%	33.3% #D48FCF	RGB 212 143 207	#D48FCF
50.0%	50.0% #DBA1D6	RGB 219 161 214	#DBA1D6
66.7%	66.7% #E1B2DD	RGB 225 178 221	#E1B2DD
83.3%	83.3% #E8C3E4	RGB 232 195 228	#E8C3E4
100.0%	100.0% #EFD5EB	RGB 239 213 235	#EFD5EB

#C76DC1 #CD7EC8 #D48FCF #DBA1D6 #E1B2DD #E8C3E4 #EFD5EB

#C76DC1 - #EFD5EB

HSV Blend

#C76DC1 - #EFD5EB | 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 #C76DC1 as 0% and #EFD5EB as 100%.

0.0%	0.0% #C76DC1	RGB 199 109 193	#C76DC1
16.7%	16.7% #CD7CC7	RGB 205 124 199	#CD7CC7
33.3%	33.3% #D48CCD	RGB 212 140 205	#D48CCD
50.0%	50.0% #DB9DD4	RGB 219 157 212	#DB9DD4
66.7%	66.7% #E1AFDB	RGB 225 175 219	#E1AFDB
83.3%	83.3% #E8C1E2	RGB 232 193 226	#E8C1E2
100.0%	100.0% #EFD5EB	RGB 239 213 235	#EFD5EB

#C76DC1 #CD7CC7 #D48CCD #DB9DD4 #E1AFDB #E8C1E2 #EFD5EB

#C76DC1 - #DB9DD4 - #EFD5EB

CSS codes

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

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