#4A2FBC - #CBC3EB | 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 #4A2FBC to #CBC3EB

#4A2FBC #CBC3EB

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

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

0.0%	0.0% #4A2FBC	RGB 74 47 188	#4A2FBC
16.7%	16.7% #5F47C3	RGB 95 71 195	#5F47C3
33.3%	33.3% #7560CB	RGB 117 96 203	#7560CB
50.0%	50.0% #8A79D3	RGB 138 121 211	#8A79D3
66.7%	66.7% #A091DB	RGB 160 145 219	#A091DB
83.3%	83.3% #B5AAE3	RGB 181 170 227	#B5AAE3
100.0%	100.0% #CBC3EB	RGB 203 195 235	#CBC3EB

#4A2FBC #5F47C3 #7560CB #8A79D3 #A091DB #B5AAE3 #CBC3EB

#4A2FBC - #CBC3EB

HSV Blend

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

0.0%	0.0% #4A2FBC	RGB 74 47 188	#4A2FBC
16.7%	16.7% #5C43C3	RGB 92 67 195	#5C43C3
33.3%	33.3% #705ACB	RGB 112 90 203	#705ACB
50.0%	50.0% #8572D3	RGB 133 114 211	#8572D3
66.7%	66.7% #9B8BDB	RGB 155 139 219	#9B8BDB
83.3%	83.3% #B2A6E3	RGB 178 166 227	#B2A6E3
100.0%	100.0% #CBC3EB	RGB 203 195 235	#CBC3EB

#4A2FBC #5C43C3 #705ACB #8572D3 #9B8BDB #B2A6E3 #CBC3EB

#4A2FBC - #8572D3 - #CBC3EB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4A2FBC 0%, #8572D3 50%, #CBC3EB 100%);
    background: -webkit-linear-gradient(top, #4A2FBC 0%, #8572D3 50%, #CBC3EB 100%);
    background: linear-gradient(to bottom, #4A2FBC 0%, #8572D3 50%, #CBC3EB 100%);
}
</style>