#5E495B - #D26CD4 | 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 #5E495B to #D26CD4

#5E495B #D26CD4

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

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

0.0%	0.0% #5E495B	RGB 94 73 91	#5E495B
16.7%	16.7% #714E6F	RGB 113 78 111	#714E6F
33.3%	33.3% #845483	RGB 132 84 131	#845483
50.0%	50.0% #985A97	RGB 152 90 151	#985A97
66.7%	66.7% #AB60AB	RGB 171 96 171	#AB60AB
83.3%	83.3% #BE66BF	RGB 190 102 191	#BE66BF
100.0%	100.0% #D26CD4	RGB 210 108 212	#D26CD4

#5E495B #714E6F #845483 #985A97 #AB60AB #BE66BF #D26CD4

#5E495B - #D26CD4

HSV Blend

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

0.0%	0.0% #5E495B	RGB 94 73 91	#5E495B
16.7%	16.7% #71536E	RGB 113 83 110	#71536E
33.3%	33.3% #855B81	RGB 133 91 129	#855B81
50.0%	50.0% #996295	RGB 153 98 149	#996295
66.7%	66.7% #AC67AA	RGB 172 103 170	#AC67AA
83.3%	83.3% #C06ABF	RGB 192 106 191	#C06ABF
100.0%	100.0% #D26CD4	RGB 210 108 212	#D26CD4

#5E495B #71536E #855B81 #996295 #AC67AA #C06ABF #D26CD4

#5E495B - #996295 - #D26CD4

CSS codes

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

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