#5540BC - #CEC8EB | 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 #5540BC to #CEC8EB

#5540BC #CEC8EB

Calculate the color between two colors, #5540BC and #CEC8EB. 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)

#5540BC - #CEC8EB | 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 #5540BC as 0% and #CEC8EB as 100%.

0.0%	0.0% #5540BC	RGB 85 64 188	#5540BC
16.7%	16.7% #6956C3	RGB 105 86 195	#6956C3
33.3%	33.3% #7D6DCB	RGB 125 109 203	#7D6DCB
50.0%	50.0% #9184D3	RGB 145 132 211	#9184D3
66.7%	66.7% #A59ADB	RGB 165 154 219	#A59ADB
83.3%	83.3% #B9B1E3	RGB 185 177 227	#B9B1E3
100.0%	100.0% #CEC8EB	RGB 206 200 235	#CEC8EB

#5540BC #6956C3 #7D6DCB #9184D3 #A59ADB #B9B1E3 #CEC8EB

#5540BC - #CEC8EB

HSV Blend

#5540BC - #CEC8EB | 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 #5540BC as 0% and #CEC8EB as 100%.

0.0%	0.0% #5540BC	RGB 85 64 188	#5540BC
16.7%	16.7% #6653C3	RGB 102 83 195	#6653C3
33.3%	33.3% #7868CB	RGB 120 104 203	#7868CB
50.0%	50.0% #8C7ED3	RGB 140 126 211	#8C7ED3
66.7%	66.7% #A195DB	RGB 161 149 219	#A195DB
83.3%	83.3% #B7AEE3	RGB 183 174 227	#B7AEE3
100.0%	100.0% #CEC8EB	RGB 206 200 235	#CEC8EB

#5540BC #6653C3 #7868CB #8C7ED3 #A195DB #B7AEE3 #CEC8EB

#5540BC - #8C7ED3 - #CEC8EB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5540BC 0%, #8C7ED3 50%, #CEC8EB 100%);
    background: -webkit-linear-gradient(top, #5540BC 0%, #8C7ED3 50%, #CEC8EB 100%);
    background: linear-gradient(to bottom, #5540BC 0%, #8C7ED3 50%, #CEC8EB 100%);
}
</style>