#53485D - #CDCAD0 | 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 #53485D to #CDCAD0

#53485D #CDCAD0

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

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

0.0%	0.0% #53485D	RGB 83 72 93	#53485D
16.7%	16.7% #675D70	RGB 103 93 112	#675D70
33.3%	33.3% #7B7383	RGB 123 115 131	#7B7383
50.0%	50.0% #908996	RGB 144 137 150	#908996
66.7%	66.7% #A49EA9	RGB 164 158 169	#A49EA9
83.3%	83.3% #B8B4BC	RGB 184 180 188	#B8B4BC
100.0%	100.0% #CDCAD0	RGB 205 202 208	#CDCAD0

#53485D #675D70 #7B7383 #908996 #A49EA9 #B8B4BC #CDCAD0

#53485D - #CDCAD0

HSV Blend

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

0.0%	0.0% #53485D	RGB 83 72 93	#53485D
16.7%	16.7% #655A70	RGB 101 90 112	#655A70
33.3%	33.3% #796E83	RGB 121 110 131	#796E83
50.0%	50.0% #8D8396	RGB 141 131 150	#8D8396
66.7%	66.7% #A199A9	RGB 161 153 169	#A199A9
83.3%	83.3% #B7B1BC	RGB 183 177 188	#B7B1BC
100.0%	100.0% #CDCAD0	RGB 205 202 208	#CDCAD0

#53485D #655A70 #796E83 #8D8396 #A199A9 #B7B1BC #CDCAD0

#53485D - #8D8396 - #CDCAD0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #53485D 0%, #8D8396 50%, #CDCAD0 100%);
    background: -webkit-linear-gradient(top, #53485D 0%, #8D8396 50%, #CDCAD0 100%);
    background: linear-gradient(to bottom, #53485D 0%, #8D8396 50%, #CDCAD0 100%);
}
</style>