#C59EFF - #FCE6F5 | 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 #C59EFF to #FCE6F5

#C59EFF #FCE6F5

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

#C59EFF - #FCE6F5 | 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 #C59EFF as 0% and #FCE6F5 as 100%.

0.0%	0.0% #C59EFF	RGB 197 158 255	#C59EFF
16.7%	16.7% #CEAAFD	RGB 206 170 253	#CEAAFD
33.3%	33.3% #D7B6FB	RGB 215 182 251	#D7B6FB
50.0%	50.0% #E0C2FA	RGB 224 194 250	#E0C2FA
66.7%	66.7% #E9CEF8	RGB 233 206 248	#E9CEF8
83.3%	83.3% #F2DAF6	RGB 242 218 246	#F2DAF6
100.0%	100.0% #FCE6F5	RGB 252 230 245	#FCE6F5

#C59EFF #CEAAFD #D7B6FB #E0C2FA #E9CEF8 #F2DAF6 #FCE6F5

#C59EFF - #FCE6F5

HSV Blend

#C59EFF - #FCE6F5 | 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 #C59EFF as 0% and #FCE6F5 as 100%.

0.0%	0.0% #C59EFF	RGB 197 158 255	#C59EFF
16.7%	16.7% #D8AAFE	RGB 216 170 254	#D8AAFE
33.3%	33.3% #E8B6FE	RGB 232 182 254	#E8B6FE
50.0%	50.0% #F5C2FD	RGB 245 194 253	#F5C2FD
66.7%	66.7% #FDCEFC	RGB 253 206 252	#FDCEFC
83.3%	83.3% #FCDAF6	RGB 252 218 246	#FCDAF6
100.0%	100.0% #FCE6F5	RGB 252 230 245	#FCE6F5

#C59EFF #D8AAFE #E8B6FE #F5C2FD #FDCEFC #FCDAF6 #FCE6F5

#C59EFF - #F5C2FD - #FCE6F5

CSS codes

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

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