#C3ACFE - #7A53F0 | 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 #C3ACFE to #7A53F0

#C3ACFE #7A53F0

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

#C3ACFE - #7A53F0 | 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 #C3ACFE as 0% and #7A53F0 as 100%.

0.0%	0.0% #C3ACFE	RGB 195 172 254	#C3ACFE
16.7%	16.7% #B69DFB	RGB 182 157 251	#B69DFB
33.3%	33.3% #AA8EF9	RGB 170 142 249	#AA8EF9
50.0%	50.0% #9E7FF7	RGB 158 127 247	#9E7FF7
66.7%	66.7% #9270F4	RGB 146 112 244	#9270F4
83.3%	83.3% #8661F2	RGB 134 97 242	#8661F2
100.0%	100.0% #7A53F0	RGB 122 83 240	#7A53F0

#C3ACFE #B69DFB #AA8EF9 #9E7FF7 #9270F4 #8661F2 #7A53F0

#C3ACFE - #7A53F0

HSV Blend

#C3ACFE - #7A53F0 | 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 #C3ACFE as 0% and #7A53F0 as 100%.

0.0%	0.0% #C3ACFE	RGB 195 172 254	#C3ACFE
16.7%	16.7% #B69CFB	RGB 182 156 251	#B69CFB
33.3%	33.3% #AA8DF9	RGB 170 141 249	#AA8DF9
50.0%	50.0% #9E7EF7	RGB 158 126 247	#9E7EF7
66.7%	66.7% #926FF4	RGB 146 111 244	#926FF4
83.3%	83.3% #8661F2	RGB 134 97 242	#8661F2
100.0%	100.0% #7A53F0	RGB 122 83 240	#7A53F0

#C3ACFE #B69CFB #AA8DF9 #9E7EF7 #926FF4 #8661F2 #7A53F0

#C3ACFE - #9E7EF7 - #7A53F0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C3ACFE 0%, #9E7EF7 50%, #7A53F0 100%);
    background: -webkit-linear-gradient(top, #C3ACFE 0%, #9E7EF7 50%, #7A53F0 100%);
    background: linear-gradient(to bottom, #C3ACFE 0%, #9E7EF7 50%, #7A53F0 100%);
}
</style>