#53537D - #CDCDD9 | 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 #53537D to #CDCDD9

#53537D #CDCDD9

Calculate the color between two colors, #53537D and #CDCDD9. 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)

#53537D - #CDCDD9 | 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 #53537D as 0% and #CDCDD9 as 100%.

0.0%	0.0% #53537D	RGB 83 83 125	#53537D
16.7%	16.7% #67678C	RGB 103 103 140	#67678C
33.3%	33.3% #7B7B9B	RGB 123 123 155	#7B7B9B
50.0%	50.0% #9090AB	RGB 144 144 171	#9090AB
66.7%	66.7% #A4A4BA	RGB 164 164 186	#A4A4BA
83.3%	83.3% #B8B8C9	RGB 184 184 201	#B8B8C9
100.0%	100.0% #CDCDD9	RGB 205 205 217	#CDCDD9

#53537D #67678C #7B7B9B #9090AB #A4A4BA #B8B8C9 #CDCDD9

#53537D - #CDCDD9

HSV Blend

#53537D - #CDCDD9 | 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 #53537D as 0% and #CDCDD9 as 100%.

0.0%	0.0% #53537D	RGB 83 83 125	#53537D
16.7%	16.7% #63638C	RGB 99 99 140	#63638C
33.3%	33.3% #75759B	RGB 117 117 155	#75759B
50.0%	50.0% #8989AB	RGB 137 137 171	#8989AB
66.7%	66.7% #9E9EBA	RGB 158 158 186	#9E9EBA
83.3%	83.3% #B5B5C9	RGB 181 181 201	#B5B5C9
100.0%	100.0% #CDCDD9	RGB 205 205 217	#CDCDD9

#53537D #63638C #75759B #8989AB #9E9EBA #B5B5C9 #CDCDD9

#53537D - #8989AB - #CDCDD9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #53537D 0%, #8989AB 50%, #CDCDD9 100%);
    background: -webkit-linear-gradient(top, #53537D 0%, #8989AB 50%, #CDCDD9 100%);
    background: linear-gradient(to bottom, #53537D 0%, #8989AB 50%, #CDCDD9 100%);
}
</style>