#5E2E7E - #D07795 | 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 #5E2E7E to #D07795

#5E2E7E #D07795

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

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

0.0%	0.0% #5E2E7E	RGB 94 46 126	#5E2E7E
16.7%	16.7% #713A81	RGB 113 58 129	#713A81
33.3%	33.3% #844685	RGB 132 70 133	#844685
50.0%	50.0% #975289	RGB 151 82 137	#975289
66.7%	66.7% #AA5E8D	RGB 170 94 141	#AA5E8D
83.3%	83.3% #BD6A91	RGB 189 106 145	#BD6A91
100.0%	100.0% #D07795	RGB 208 119 149	#D07795

#5E2E7E #713A81 #844685 #975289 #AA5E8D #BD6A91 #D07795

#5E2E7E - #D07795

HSV Blend

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

0.0%	0.0% #5D2E7E	RGB 93 46 126	#5D2E7E
16.7%	16.7% #78378B	RGB 120 55 139	#78378B
33.3%	33.3% #954299	RGB 149 66 153	#954299
50.0%	50.0% #A74E9B	RGB 167 78 155	#A74E9B
66.7%	66.7% #B45A98	RGB 180 90 152	#B45A98
83.3%	83.3% #C26896	RGB 194 104 150	#C26896
100.0%	100.0% #D07795	RGB 208 119 149	#D07795

#5D2E7E #78378B #954299 #A74E9B #B45A98 #C26896 #D07795

#5E2E7E - #A74E9B - #D07795

CSS codes

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

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