#552D9A - #CEC3E2 | 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 #552D9A to #CEC3E2

#552D9A #CEC3E2

Calculate the color between two colors, #552D9A and #CEC3E2. 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)

#552D9A - #CEC3E2 | 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 #552D9A as 0% and #CEC3E2 as 100%.

0.0%	0.0% #552D9A	RGB 85 45 154	#552D9A
16.7%	16.7% #6946A6	RGB 105 70 166	#6946A6
33.3%	33.3% #7D5FB2	RGB 125 95 178	#7D5FB2
50.0%	50.0% #9178BE	RGB 145 120 190	#9178BE
66.7%	66.7% #A591CA	RGB 165 145 202	#A591CA
83.3%	83.3% #B9AAD6	RGB 185 170 214	#B9AAD6
100.0%	100.0% #CEC3E2	RGB 206 195 226	#CEC3E2

#552D9A #6946A6 #7D5FB2 #9178BE #A591CA #B9AAD6 #CEC3E2

#552D9A - #CEC3E2

HSV Blend

#552D9A - #CEC3E2 | 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 #552D9A as 0% and #CEC3E2 as 100%.

0.0%	0.0% #542D9A	RGB 84 45 154	#542D9A
16.7%	16.7% #6540A6	RGB 101 64 166	#6540A6
33.3%	33.3% #7755B2	RGB 119 85 178	#7755B2
50.0%	50.0% #8A6DBE	RGB 138 109 190	#8A6DBE
66.7%	66.7% #9F87CA	RGB 159 135 202	#9F87CA
83.3%	83.3% #B6A4D6	RGB 182 164 214	#B6A4D6
100.0%	100.0% #CEC3E2	RGB 206 195 226	#CEC3E2

#542D9A #6540A6 #7755B2 #8A6DBE #9F87CA #B6A4D6 #CEC3E2

#552D9A - #8A6DBE - #CEC3E2

CSS codes

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

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