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

#533C7E #CDC7DA

Calculate the color between two colors, #533C7E 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)

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

0.0%	0.0% #533C7E	RGB 83 60 126	#533C7E
16.7%	16.7% #67538D	RGB 103 83 141	#67538D
33.3%	33.3% #7B6A9C	RGB 123 106 156	#7B6A9C
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

#533C7E #67538D #7B6A9C #9081AC #A498BB #B8AFCA #CDC7DA

#533C7E - #CDC7DA

HSV Blend

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

0.0%	0.0% #533C7E	RGB 83 60 126	#533C7E
16.7%	16.7% #634D8D	RGB 99 77 141	#634D8D
33.3%	33.3% #75619C	RGB 117 97 156	#75619C
50.0%	50.0% #8877AC	RGB 136 119 172	#8877AC
66.7%	66.7% #9D8FBB	RGB 157 143 187	#9D8FBB
83.3%	83.3% #B4AACA	RGB 180 170 202	#B4AACA
100.0%	100.0% #CDC7DA	RGB 205 199 218	#CDC7DA

#533C7E #634D8D #75619C #8877AC #9D8FBB #B4AACA #CDC7DA

#533C7E - #8877AC - #CDC7DA

CSS codes

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

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