#5E535C - #D377D5 | 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 #D377D5

#5E535C #D377D5

Calculate the color between two colors, #5E535C and #D377D5. 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 - #D377D5 | 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 #D377D5 as 100%.

0.0%	0.0% #5E535C	RGB 94 83 92	#5E535C
16.7%	16.7% #715970	RGB 113 89 112	#715970
33.3%	33.3% #855F84	RGB 133 95 132	#855F84
50.0%	50.0% #986598	RGB 152 101 152	#986598
66.7%	66.7% #AC6BAC	RGB 172 107 172	#AC6BAC
83.3%	83.3% #BF71C0	RGB 191 113 192	#BF71C0
100.0%	100.0% #D377D5	RGB 211 119 213	#D377D5

#5E535C #715970 #855F84 #986598 #AC6BAC #BF71C0 #D377D5

#5E535C - #D377D5

HSV Blend

#5E535C - #D377D5 | 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 #D377D5 as 100%.

0.0%	0.0% #5E535C	RGB 94 83 92	#5E535C
16.7%	16.7% #715E6E	RGB 113 94 110	#715E6E
33.3%	33.3% #856782	RGB 133 103 130	#856782
50.0%	50.0% #996E96	RGB 153 110 150	#996E96
66.7%	66.7% #AD73AA	RGB 173 115 170	#AD73AA
83.3%	83.3% #C176C0	RGB 193 118 192	#C176C0
100.0%	100.0% #D377D5	RGB 211 119 213	#D377D5

#5E535C #715E6E #856782 #996E96 #AD73AA #C176C0 #D377D5

#5E535C - #996E96 - #D377D5

CSS codes

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

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