#533B7E - #CDC7DA | 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 #533B7E to #CDC7DA

#533B7E #CDC7DA

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

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

0.0%	0.0% #533B7E	RGB 83 59 126	#533B7E
16.7%	16.7% #67528D	RGB 103 82 141	#67528D
33.3%	33.3% #7B699C	RGB 123 105 156	#7B699C
50.0%	50.0% #9081AC	RGB 144 129 172	#9081AC
66.7%	66.7% #A498BB	RGB 164 152 187	#A498BB
83.3%	83.3% #B8AFCA	RGB 184 175 202	#B8AFCA
100.0%	100.0% #CDC7DA	RGB 205 199 218	#CDC7DA

#533B7E #67528D #7B699C #9081AC #A498BB #B8AFCA #CDC7DA

#533B7E - #CDC7DA

HSV Blend

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

0.0%	0.0% #523B7E	RGB 82 59 126	#523B7E
16.7%	16.7% #634C8D	RGB 99 76 141	#634C8D
33.3%	33.3% #75609C	RGB 117 96 156	#75609C
50.0%	50.0% #8876AC	RGB 136 118 172	#8876AC
66.7%	66.7% #9D8FBB	RGB 157 143 187	#9D8FBB
83.3%	83.3% #B4A9CA	RGB 180 169 202	#B4A9CA
100.0%	100.0% #CDC7DA	RGB 205 199 218	#CDC7DA

#523B7E #634C8D #75609C #8876AC #9D8FBB #B4A9CA #CDC7DA

#533B7E - #8876AC - #CDC7DA

CSS codes

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

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