#C548AC - #EECAE7 | 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 #C548AC to #EECAE7

#C548AC #EECAE7

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

#C548AC - #EECAE7 | 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 #C548AC as 0% and #EECAE7 as 100%.

0.0%	0.0% #C548AC	RGB 197 72 172	#C548AC
16.7%	16.7% #CB5DB5	RGB 203 93 181	#CB5DB5
33.3%	33.3% #D273BF	RGB 210 115 191	#D273BF
50.0%	50.0% #D989C9	RGB 217 137 201	#D989C9
66.7%	66.7% #E09ED3	RGB 224 158 211	#E09ED3
83.3%	83.3% #E7B4DD	RGB 231 180 221	#E7B4DD
100.0%	100.0% #EECAE7	RGB 238 202 231	#EECAE7

#C548AC #CB5DB5 #D273BF #D989C9 #E09ED3 #E7B4DD #EECAE7

#C548AC - #EECAE7

HSV Blend

#C548AC - #EECAE7 | 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 #C548AC as 0% and #EECAE7 as 100%.

0.0%	0.0% #C548AC	RGB 197 72 172	#C548AC
16.7%	16.7% #CB5AB5	RGB 203 90 181	#CB5AB5
33.3%	33.3% #D26EBE	RGB 210 110 190	#D26EBE
50.0%	50.0% #D984C8	RGB 217 132 200	#D984C8
66.7%	66.7% #E09AD2	RGB 224 154 210	#E09AD2
83.3%	83.3% #E7B1DC	RGB 231 177 220	#E7B1DC
100.0%	100.0% #EECAE7	RGB 238 202 231	#EECAE7

#C548AC #CB5AB5 #D26EBE #D984C8 #E09AD2 #E7B1DC #EECAE7

#C548AC - #D984C8 - #EECAE7

CSS codes

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

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