#4A3CAC - #CBC7E7 | 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 #4A3CAC to #CBC7E7

#4A3CAC #CBC7E7

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

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

0.0%	0.0% #4A3CAC	RGB 74 60 172	#4A3CAC
16.7%	16.7% #5F53B5	RGB 95 83 181	#5F53B5
33.3%	33.3% #756ABF	RGB 117 106 191	#756ABF
50.0%	50.0% #8A81C9	RGB 138 129 201	#8A81C9
66.7%	66.7% #A098D3	RGB 160 152 211	#A098D3
83.3%	83.3% #B5AFDD	RGB 181 175 221	#B5AFDD
100.0%	100.0% #CBC7E7	RGB 203 199 231	#CBC7E7

#4A3CAC #5F53B5 #756ABF #8A81C9 #A098D3 #B5AFDD #CBC7E7

#4A3CAC - #CBC7E7

HSV Blend

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

0.0%	0.0% #4A3CAC	RGB 74 60 172	#4A3CAC
16.7%	16.7% #5B4EB5	RGB 91 78 181	#5B4EB5
33.3%	33.3% #6F63BF	RGB 111 99 191	#6F63BF
50.0%	50.0% #8379C9	RGB 131 121 201	#8379C9
66.7%	66.7% #9A91D3	RGB 154 145 211	#9A91D3
83.3%	83.3% #B1ABDD	RGB 177 171 221	#B1ABDD
100.0%	100.0% #CBC7E7	RGB 203 199 231	#CBC7E7

#4A3CAC #5B4EB5 #6F63BF #8379C9 #9A91D3 #B1ABDD #CBC7E7

#4A3CAC - #8379C9 - #CBC7E7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4A3CAC 0%, #8379C9 50%, #CBC7E7 100%);
    background: -webkit-linear-gradient(top, #4A3CAC 0%, #8379C9 50%, #CBC7E7 100%);
    background: linear-gradient(to bottom, #4A3CAC 0%, #8379C9 50%, #CBC7E7 100%);
}
</style>