#5D3D5E - #DB7F6A | 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 #5D3D5E to #DB7F6A

#5D3D5E #DB7F6A

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

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

0.0%	0.0% #5D3D5E	RGB 93 61 94	#5D3D5E
16.7%	16.7% #724860	RGB 114 72 96	#724860
33.3%	33.3% #875362	RGB 135 83 98	#875362
50.0%	50.0% #9C5E64	RGB 156 94 100	#9C5E64
66.7%	66.7% #B16966	RGB 177 105 102	#B16966
83.3%	83.3% #C67468	RGB 198 116 104	#C67468
100.0%	100.0% #DB7F6A	RGB 219 127 106	#DB7F6A

#5D3D5E #724860 #875362 #9C5E64 #B16966 #C67468 #DB7F6A

#5D3D5E - #DB7F6A

HSV Blend

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

0.0%	0.0% #5D3D5E	RGB 93 61 94	#5D3D5E
16.7%	16.7% #72476B	RGB 114 71 107	#72476B
33.3%	33.3% #875073	RGB 135 80 115	#875073
50.0%	50.0% #9C5875	RGB 156 88 117	#9C5875
66.7%	66.7% #B15F71	RGB 177 95 113	#B15F71
83.3%	83.3% #C66566	RGB 198 101 102	#C66566
100.0%	100.0% #DB7F6A	RGB 219 127 106	#DB7F6A

#5D3D5E #72476B #875073 #9C5875 #B15F71 #C66566 #DB7F6A

#5D3D5E - #9C5875 - #DB7F6A

CSS codes

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

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