#5D2B5E - #D06A6B | 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 #5D2B5E to #D06A6B

#5D2B5E #D06A6B

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

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

0.0%	0.0% #5D2B5E	RGB 93 43 94	#5D2B5E
16.7%	16.7% #703560	RGB 112 53 96	#703560
33.3%	33.3% #834062	RGB 131 64 98	#834062
50.0%	50.0% #964A64	RGB 150 74 100	#964A64
66.7%	66.7% #A95566	RGB 169 85 102	#A95566
83.3%	83.3% #BC5F68	RGB 188 95 104	#BC5F68
100.0%	100.0% #D06A6B	RGB 208 106 107	#D06A6B

#5D2B5E #703560 #834062 #964A64 #A95566 #BC5F68 #D06A6B

#5D2B5E - #D06A6B

HSV Blend

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

0.0%	0.0% #5D2B5E	RGB 93 43 94	#5D2B5E
16.7%	16.7% #713468	RGB 113 52 104	#713468
33.3%	33.3% #843E6E	RGB 132 62 110	#843E6E
50.0%	50.0% #974971	RGB 151 73 113	#974971
66.7%	66.7% #AA5371	RGB 170 83 113	#AA5371
83.3%	83.3% #BD5E6F	RGB 189 94 111	#BD5E6F
100.0%	100.0% #D06A6B	RGB 208 106 107	#D06A6B

#5D2B5E #713468 #843E6E #974971 #AA5371 #BD5E6F #D06A6B

#5D2B5E - #974971 - #D06A6B

CSS codes

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

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