#553EB2 - #CDC7E9 | 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 #553EB2 to #CDC7E9

#553EB2 #CDC7E9

Calculate the color between two colors, #553EB2 and #CDC7E9. 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)

#553EB2 - #CDC7E9 | 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 #553EB2 as 0% and #CDC7E9 as 100%.

0.0%	0.0% #553EB2	RGB 85 62 178	#553EB2
16.7%	16.7% #6954BB	RGB 105 84 187	#6954BB
33.3%	33.3% #7D6BC4	RGB 125 107 196	#7D6BC4
50.0%	50.0% #9182CD	RGB 145 130 205	#9182CD
66.7%	66.7% #A599D6	RGB 165 153 214	#A599D6
83.3%	83.3% #B9B0DF	RGB 185 176 223	#B9B0DF
100.0%	100.0% #CDC7E9	RGB 205 199 233	#CDC7E9

#553EB2 #6954BB #7D6BC4 #9182CD #A599D6 #B9B0DF #CDC7E9

#553EB2 - #CDC7E9

HSV Blend

#553EB2 - #CDC7E9 | 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 #553EB2 as 0% and #CDC7E9 as 100%.

0.0%	0.0% #553EB2	RGB 85 62 178	#553EB2
16.7%	16.7% #6550BB	RGB 101 80 187	#6550BB
33.3%	33.3% #7765C4	RGB 119 101 196	#7765C4
50.0%	50.0% #8A7BCD	RGB 138 123 205	#8A7BCD
66.7%	66.7% #9F93D6	RGB 159 147 214	#9F93D6
83.3%	83.3% #B5ACDF	RGB 181 172 223	#B5ACDF
100.0%	100.0% #CDC7E9	RGB 205 199 233	#CDC7E9

#553EB2 #6550BB #7765C4 #8A7BCD #9F93D6 #B5ACDF #CDC7E9

#553EB2 - #8A7BCD - #CDC7E9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #553EB2 0%, #8A7BCD 50%, #CDC7E9 100%);
    background: -webkit-linear-gradient(top, #553EB2 0%, #8A7BCD 50%, #CDC7E9 100%);
    background: linear-gradient(to bottom, #553EB2 0%, #8A7BCD 50%, #CDC7E9 100%);
}
</style>