#C3A7FB - #ECE5FD | 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 #C3A7FB to #ECE5FD

#C3A7FB #ECE5FD

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

#C3A7FB - #ECE5FD | 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 #C3A7FB as 0% and #ECE5FD as 100%.

0.0%	0.0% #C3A7FB	RGB 195 167 251	#C3A7FB
16.7%	16.7% #C9B1FB	RGB 201 177 251	#C9B1FB
33.3%	33.3% #D0BBFB	RGB 208 187 251	#D0BBFB
50.0%	50.0% #D7C6FC	RGB 215 198 252	#D7C6FC
66.7%	66.7% #DED0FC	RGB 222 208 252	#DED0FC
83.3%	83.3% #E5DAFC	RGB 229 218 252	#E5DAFC
100.0%	100.0% #ECE5FD	RGB 236 229 253	#ECE5FD

#C3A7FB #C9B1FB #D0BBFB #D7C6FC #DED0FC #E5DAFC #ECE5FD

#C3A7FB - #ECE5FD

HSV Blend

#C3A7FB - #ECE5FD | 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 #C3A7FB as 0% and #ECE5FD as 100%.

0.0%	0.0% #C3A7FB	RGB 195 167 251	#C3A7FB
16.7%	16.7% #C9B1FB	RGB 201 177 251	#C9B1FB
33.3%	33.3% #D0BBFB	RGB 208 187 251	#D0BBFB
50.0%	50.0% #D6C5FC	RGB 214 197 252	#D6C5FC
66.7%	66.7% #DDD0FC	RGB 221 208 252	#DDD0FC
83.3%	83.3% #E4DAFC	RGB 228 218 252	#E4DAFC
100.0%	100.0% #ECE5FD	RGB 236 229 253	#ECE5FD

#C3A7FB #C9B1FB #D0BBFB #D6C5FC #DDD0FC #E4DAFC #ECE5FD

#C3A7FB - #D6C5FC - #ECE5FD

CSS codes

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

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