#5E2B5A - #C47587 | 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 #5E2B5A to #C47587

#5E2B5A #C47587

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

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

0.0%	0.0% #5E2B5A	RGB 94 43 90	#5E2B5A
16.7%	16.7% #6F3761	RGB 111 55 97	#6F3761
33.3%	33.3% #804369	RGB 128 67 105	#804369
50.0%	50.0% #915070	RGB 145 80 112	#915070
66.7%	66.7% #A25C78	RGB 162 92 120	#A25C78
83.3%	83.3% #B3687F	RGB 179 104 127	#B3687F
100.0%	100.0% #C47587	RGB 196 117 135	#C47587

#5E2B5A #6F3761 #804369 #915070 #A25C78 #B3687F #C47587

#5E2B5A - #C47587

HSV Blend

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

0.0%	0.0% #5E2B5A	RGB 94 43 90	#5E2B5A
16.7%	16.7% #6F3563	RGB 111 53 99	#6F3563
33.3%	33.3% #80406C	RGB 128 64 108	#80406C
50.0%	50.0% #914C73	RGB 145 76 115	#914C73
66.7%	66.7% #A2597A	RGB 162 89 122	#A2597A
83.3%	83.3% #B36680	RGB 179 102 128	#B36680
100.0%	100.0% #C47587	RGB 196 117 135	#C47587

#5E2B5A #6F3563 #80406C #914C73 #A2597A #B36680 #C47587

#5E2B5A - #914C73 - #C47587

CSS codes

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

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