#542FBC - #CDC3EB | 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 #542FBC to #CDC3EB

#542FBC #CDC3EB

Calculate the color between two colors, #542FBC and #CDC3EB. 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)

#542FBC - #CDC3EB | 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 #542FBC as 0% and #CDC3EB as 100%.

0.0%	0.0% #542FBC	RGB 84 47 188	#542FBC
16.7%	16.7% #6847C3	RGB 104 71 195	#6847C3
33.3%	33.3% #7C60CB	RGB 124 96 203	#7C60CB
50.0%	50.0% #9079D3	RGB 144 121 211	#9079D3
66.7%	66.7% #A491DB	RGB 164 145 219	#A491DB
83.3%	83.3% #B8AAE3	RGB 184 170 227	#B8AAE3
100.0%	100.0% #CDC3EB	RGB 205 195 235	#CDC3EB

#542FBC #6847C3 #7C60CB #9079D3 #A491DB #B8AAE3 #CDC3EB

#542FBC - #CDC3EB

HSV Blend

#542FBC - #CDC3EB | 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 #542FBC as 0% and #CDC3EB as 100%.

0.0%	0.0% #542FBC	RGB 84 47 188	#542FBC
16.7%	16.7% #6543C3	RGB 101 67 195	#6543C3
33.3%	33.3% #775ACB	RGB 119 90 203	#775ACB
50.0%	50.0% #8B72D3	RGB 139 114 211	#8B72D3
66.7%	66.7% #9F8BDB	RGB 159 139 219	#9F8BDB
83.3%	83.3% #B5A6E3	RGB 181 166 227	#B5A6E3
100.0%	100.0% #CDC3EB	RGB 205 195 235	#CDC3EB

#542FBC #6543C3 #775ACB #8B72D3 #9F8BDB #B5A6E3 #CDC3EB

#542FBC - #8B72D3 - #CDC3EB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #542FBC 0%, #8B72D3 50%, #CDC3EB 100%);
    background: -webkit-linear-gradient(top, #542FBC 0%, #8B72D3 50%, #CDC3EB 100%);
    background: linear-gradient(to bottom, #542FBC 0%, #8B72D3 50%, #CDC3EB 100%);
}
</style>