#525B7E - #CDD0DA | 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 #525B7E to #CDD0DA

#525B7E #CDD0DA

Calculate the color between two colors, #525B7E and #CDD0DA. 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)

#525B7E - #CDD0DA | 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 #525B7E as 0% and #CDD0DA as 100%.

0.0%	0.0% #525B7E	RGB 82 91 126	#525B7E
16.7%	16.7% #666E8D	RGB 102 110 141	#666E8D
33.3%	33.3% #7B829C	RGB 123 130 156	#7B829C
50.0%	50.0% #8F95AC	RGB 143 149 172	#8F95AC
66.7%	66.7% #A4A9BB	RGB 164 169 187	#A4A9BB
83.3%	83.3% #B8BCCA	RGB 184 188 202	#B8BCCA
100.0%	100.0% #CDD0DA	RGB 205 208 218	#CDD0DA

#525B7E #666E8D #7B829C #8F95AC #A4A9BB #B8BCCA #CDD0DA

#525B7E - #CDD0DA

HSV Blend

#525B7E - #CDD0DA | 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 #525B7E as 0% and #CDD0DA as 100%.

0.0%	0.0% #525B7E	RGB 82 91 126	#525B7E
16.7%	16.7% #626B8D	RGB 98 107 141	#626B8D
33.3%	33.3% #757D9C	RGB 117 125 156	#757D9C
50.0%	50.0% #8890AC	RGB 136 144 172	#8890AC
66.7%	66.7% #9EA4BB	RGB 158 164 187	#9EA4BB
83.3%	83.3% #B4B9CA	RGB 180 185 202	#B4B9CA
100.0%	100.0% #CDD0DA	RGB 205 208 218	#CDD0DA

#525B7E #626B8D #757D9C #8890AC #9EA4BB #B4B9CA #CDD0DA

#525B7E - #8890AC - #CDD0DA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #525B7E 0%, #8890AC 50%, #CDD0DA 100%);
    background: -webkit-linear-gradient(top, #525B7E 0%, #8890AC 50%, #CDD0DA 100%);
    background: linear-gradient(to bottom, #525B7E 0%, #8890AC 50%, #CDD0DA 100%);
}
</style>