#5D3E5E - #DB806A | 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 #5D3E5E to #DB806A

#5D3E5E #DB806A

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

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

0.0%	0.0% #5D3E5E	RGB 93 62 94	#5D3E5E
16.7%	16.7% #724960	RGB 114 73 96	#724960
33.3%	33.3% #875462	RGB 135 84 98	#875462
50.0%	50.0% #9C5F64	RGB 156 95 100	#9C5F64
66.7%	66.7% #B16A66	RGB 177 106 102	#B16A66
83.3%	83.3% #C67568	RGB 198 117 104	#C67568
100.0%	100.0% #DB806A	RGB 219 128 106	#DB806A

#5D3E5E #724960 #875462 #9C5F64 #B16A66 #C67568 #DB806A

#5D3E5E - #DB806A

HSV Blend

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

0.0%	0.0% #5D3E5E	RGB 93 62 94	#5D3E5E
16.7%	16.7% #72486B	RGB 114 72 107	#72486B
33.3%	33.3% #875173	RGB 135 81 115	#875173
50.0%	50.0% #9C5975	RGB 156 89 117	#9C5975
66.7%	66.7% #B16071	RGB 177 96 113	#B16071
83.3%	83.3% #C66566	RGB 198 101 102	#C66566
100.0%	100.0% #DB806A	RGB 219 128 106	#DB806A

#5D3E5E #72486B #875173 #9C5975 #B16071 #C66566 #DB806A

#5D3E5E - #9C5975 - #DB806A

CSS codes

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

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