#5E535C - #B972D6 | 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 #5E535C to #B972D6

#5E535C #B972D6

Calculate the color between two colors, #5E535C and #B972D6. 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)

#5E535C - #B972D6 | 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 #5E535C as 0% and #B972D6 as 100%.

0.0%	0.0% #5E535C	RGB 94 83 92	#5E535C
16.7%	16.7% #6D5870	RGB 109 88 112	#6D5870
33.3%	33.3% #7C5D84	RGB 124 93 132	#7C5D84
50.0%	50.0% #8B6299	RGB 139 98 153	#8B6299
66.7%	66.7% #9A67AD	RGB 154 103 173	#9A67AD
83.3%	83.3% #A96CC1	RGB 169 108 193	#A96CC1
100.0%	100.0% #B972D6	RGB 185 114 214	#B972D6

#5E535C #6D5870 #7C5D84 #8B6299 #9A67AD #A96CC1 #B972D6

#5E535C - #B972D6

HSV Blend

#5E535C - #B972D6 | 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 #5E535C as 0% and #B972D6 as 100%.

0.0%	0.0% #5E535C	RGB 94 83 92	#5E535C
16.7%	16.7% #725E6F	RGB 114 94 111	#725E6F
33.3%	33.3% #866685	RGB 134 102 133	#866685
50.0%	50.0% #976D9A	RGB 151 109 154	#976D9A
66.7%	66.7% #A571AE	RGB 165 113 174	#A571AE
83.3%	83.3% #B172C2	RGB 177 114 194	#B172C2
100.0%	100.0% #B972D6	RGB 185 114 214	#B972D6

#5E535C #725E6F #866685 #976D9A #A571AE #B172C2 #B972D6

#5E535C - #976D9A - #B972D6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E535C 0%, #976D9A 50%, #B972D6 100%);
    background: -webkit-linear-gradient(top, #5E535C 0%, #976D9A 50%, #B972D6 100%);
    background: linear-gradient(to bottom, #5E535C 0%, #976D9A 50%, #B972D6 100%);
}
</style>