#C8528C - #EFCDDE | 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 #C8528C to #EFCDDE

#C8528C #EFCDDE

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

#C8528C - #EFCDDE | 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 #C8528C as 0% and #EFCDDE as 100%.

0.0%	0.0% #C8528C	RGB 200 82 140	#C8528C
16.7%	16.7% #CE6699	RGB 206 102 153	#CE6699
33.3%	33.3% #D57BA7	RGB 213 123 167	#D57BA7
50.0%	50.0% #DB8FB5	RGB 219 143 181	#DB8FB5
66.7%	66.7% #E2A4C2	RGB 226 164 194	#E2A4C2
83.3%	83.3% #E8B8D0	RGB 232 184 208	#E8B8D0
100.0%	100.0% #EFCDDE	RGB 239 205 222	#EFCDDE

#C8528C #CE6699 #D57BA7 #DB8FB5 #E2A4C2 #E8B8D0 #EFCDDE

#C8528C - #EFCDDE

HSV Blend

#C8528C - #EFCDDE | 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 #C8528C as 0% and #EFCDDE as 100%.

0.0%	0.0% #C8528C	RGB 200 82 140	#C8528C
16.7%	16.7% #CE6498	RGB 206 100 152	#CE6498
33.3%	33.3% #D577A5	RGB 213 119 165	#D577A5
50.0%	50.0% #DB8BB2	RGB 219 139 178	#DB8BB2
66.7%	66.7% #E2A0C0	RGB 226 160 192	#E2A0C0
83.3%	83.3% #E8B6CF	RGB 232 182 207	#E8B6CF
100.0%	100.0% #EFCDDE	RGB 239 205 222	#EFCDDE

#C8528C #CE6498 #D577A5 #DB8BB2 #E2A0C0 #E8B6CF #EFCDDE

#C8528C - #DB8BB2 - #EFCDDE

CSS codes

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

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