#4A35A6 - #CAC5E5 | 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 #4A35A6 to #CAC5E5

#4A35A6 #CAC5E5

Calculate the color between two colors, #4A35A6 and #CAC5E5. 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)

#4A35A6 - #CAC5E5 | 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 #4A35A6 as 0% and #CAC5E5 as 100%.

0.0%	0.0% #4A35A6	RGB 74 53 166	#4A35A6
16.7%	16.7% #5F4DB0	RGB 95 77 176	#5F4DB0
33.3%	33.3% #7465BB	RGB 116 101 187	#7465BB
50.0%	50.0% #8A7DC5	RGB 138 125 197	#8A7DC5
66.7%	66.7% #9F95D0	RGB 159 149 208	#9F95D0
83.3%	83.3% #B4ADDA	RGB 180 173 218	#B4ADDA
100.0%	100.0% #CAC5E5	RGB 202 197 229	#CAC5E5

#4A35A6 #5F4DB0 #7465BB #8A7DC5 #9F95D0 #B4ADDA #CAC5E5

#4A35A6 - #CAC5E5

HSV Blend

#4A35A6 - #CAC5E5 | 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 #4A35A6 as 0% and #CAC5E5 as 100%.

0.0%	0.0% #4A35A6	RGB 74 53 166	#4A35A6
16.7%	16.7% #5B48B0	RGB 91 72 176	#5B48B0
33.3%	33.3% #6D5DBB	RGB 109 93 187	#6D5DBB
50.0%	50.0% #8274C5	RGB 130 116 197	#8274C5
66.7%	66.7% #988DD0	RGB 152 141 208	#988DD0
83.3%	83.3% #B0A8DA	RGB 176 168 218	#B0A8DA
100.0%	100.0% #CAC5E5	RGB 202 197 229	#CAC5E5

#4A35A6 #5B48B0 #6D5DBB #8274C5 #988DD0 #B0A8DA #CAC5E5

#4A35A6 - #8274C5 - #CAC5E5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4A35A6 0%, #8274C5 50%, #CAC5E5 100%);
    background: -webkit-linear-gradient(top, #4A35A6 0%, #8274C5 50%, #CAC5E5 100%);
    background: linear-gradient(to bottom, #4A35A6 0%, #8274C5 50%, #CAC5E5 100%);
}
</style>