#533B5E - #B35FCE | 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 #533B5E to #B35FCE

#533B5E #B35FCE

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

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

0.0%	0.0% #533B5E	RGB 83 59 94	#533B5E
16.7%	16.7% #634170	RGB 99 65 112	#634170
33.3%	33.3% #734783	RGB 115 71 131	#734783
50.0%	50.0% #834D96	RGB 131 77 150	#834D96
66.7%	66.7% #9353A8	RGB 147 83 168	#9353A8
83.3%	83.3% #A359BB	RGB 163 89 187	#A359BB
100.0%	100.0% #B35FCE	RGB 179 95 206	#B35FCE

#533B5E #634170 #734783 #834D96 #9353A8 #A359BB #B35FCE

#533B5E - #B35FCE

HSV Blend

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

0.0%	0.0% #533B5E	RGB 83 59 94	#533B5E
16.7%	16.7% #634370	RGB 99 67 112	#634370
33.3%	33.3% #734B83	RGB 115 75 131	#734B83
50.0%	50.0% #825196	RGB 130 81 150	#825196
66.7%	66.7% #9257A8	RGB 146 87 168	#9257A8
83.3%	83.3% #A25BBB	RGB 162 91 187	#A25BBB
100.0%	100.0% #B35FCE	RGB 179 95 206	#B35FCE

#533B5E #634370 #734B83 #825196 #9257A8 #A25BBB #B35FCE

#533B5E - #825196 - #B35FCE

CSS codes

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

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