#C75AAE - #EFCFE7 | 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 #C75AAE to #EFCFE7

#C75AAE #EFCFE7

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

#C75AAE - #EFCFE7 | 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 #C75AAE as 0% and #EFCFE7 as 100%.

0.0%	0.0% #C75AAE	RGB 199 90 174	#C75AAE
16.7%	16.7% #CD6DB7	RGB 205 109 183	#CD6DB7
33.3%	33.3% #D481C1	RGB 212 129 193	#D481C1
50.0%	50.0% #DB94CA	RGB 219 148 202	#DB94CA
66.7%	66.7% #E1A8D4	RGB 225 168 212	#E1A8D4
83.3%	83.3% #E8BBDD	RGB 232 187 221	#E8BBDD
100.0%	100.0% #EFCFE7	RGB 239 207 231	#EFCFE7

#C75AAE #CD6DB7 #D481C1 #DB94CA #E1A8D4 #E8BBDD #EFCFE7

#C75AAE - #EFCFE7

HSV Blend

#C75AAE - #EFCFE7 | 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 #C75AAE as 0% and #EFCFE7 as 100%.

0.0%	0.0% #C75AAE	RGB 199 90 174	#C75AAE
16.7%	16.7% #CD6BB6	RGB 205 107 182	#CD6BB6
33.3%	33.3% #D47DBF	RGB 212 125 191	#D47DBF
50.0%	50.0% #DB90C9	RGB 219 144 201	#DB90C9
66.7%	66.7% #E1A4D2	RGB 225 164 210	#E1A4D2
83.3%	83.3% #E8B9DC	RGB 232 185 220	#E8B9DC
100.0%	100.0% #EFCFE7	RGB 239 207 231	#EFCFE7

#C75AAE #CD6BB6 #D47DBF #DB90C9 #E1A4D2 #E8B9DC #EFCFE7

#C75AAE - #DB90C9 - #EFCFE7

CSS codes

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

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