#C628AC - #EEC1E7 | 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 #C628AC to #EEC1E7

#C628AC #EEC1E7

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

#C628AC - #EEC1E7 | 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 #C628AC as 0% and #EEC1E7 as 100%.

0.0%	0.0% #C628AC	RGB 198 40 172	#C628AC
16.7%	16.7% #CC41B5	RGB 204 65 181	#CC41B5
33.3%	33.3% #D35BBF	RGB 211 91 191	#D35BBF
50.0%	50.0% #DA74C9	RGB 218 116 201	#DA74C9
66.7%	66.7% #E08ED3	RGB 224 142 211	#E08ED3
83.3%	83.3% #E7A7DD	RGB 231 167 221	#E7A7DD
100.0%	100.0% #EEC1E7	RGB 238 193 231	#EEC1E7

#C628AC #CC41B5 #D35BBF #DA74C9 #E08ED3 #E7A7DD #EEC1E7

#C628AC - #EEC1E7

HSV Blend

#C628AC - #EEC1E7 | 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 #C628AC as 0% and #EEC1E7 as 100%.

0.0%	0.0% #C627AC	RGB 198 39 172	#C627AC
16.7%	16.7% #CC3EB5	RGB 204 62 181	#CC3EB5
33.3%	33.3% #D355BF	RGB 211 85 191	#D355BF
50.0%	50.0% #DA6EC8	RGB 218 110 200	#DA6EC8
66.7%	66.7% #E088D2	RGB 224 136 210	#E088D2
83.3%	83.3% #E7A4DC	RGB 231 164 220	#E7A4DC
100.0%	100.0% #EEC1E7	RGB 238 193 231	#EEC1E7

#C627AC #CC3EB5 #D355BF #DA6EC8 #E088D2 #E7A4DC #EEC1E7

#C628AC - #DA6EC8 - #EEC1E7

CSS codes

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

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