#5D3B5E - #DA7D6A | 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 #5D3B5E to #DA7D6A

#5D3B5E #DA7D6A

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

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

0.0%	0.0% #5D3B5E	RGB 93 59 94	#5D3B5E
16.7%	16.7% #714660	RGB 113 70 96	#714660
33.3%	33.3% #865162	RGB 134 81 98	#865162
50.0%	50.0% #9B5C64	RGB 155 92 100	#9B5C64
66.7%	66.7% #B06766	RGB 176 103 102	#B06766
83.3%	83.3% #C57268	RGB 197 114 104	#C57268
100.0%	100.0% #DA7D6A	RGB 218 125 106	#DA7D6A

#5D3B5E #714660 #865162 #9B5C64 #B06766 #C57268 #DA7D6A

#5D3B5E - #DA7D6A

HSV Blend

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

0.0%	0.0% #5D3B5E	RGB 93 59 94	#5D3B5E
16.7%	16.7% #72456A	RGB 114 69 106	#72456A
33.3%	33.3% #874E72	RGB 135 78 114	#874E72
50.0%	50.0% #9C5674	RGB 156 86 116	#9C5674
66.7%	66.7% #B05E71	RGB 176 94 113	#B05E71
83.3%	83.3% #C56467	RGB 197 100 103	#C56467
100.0%	100.0% #DA7D6A	RGB 218 125 106	#DA7D6A

#5D3B5E #72456A #874E72 #9C5674 #B05E71 #C56467 #DA7D6A

#5D3B5E - #9C5674 - #DA7D6A

CSS codes

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

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