#5E2657 - #C06986 | 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 #5E2657 to #C06986

#5E2657 #C06986

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

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

0.0%	0.0% #5E2657	RGB 94 38 87	#5E2657
16.7%	16.7% #6E315E	RGB 110 49 94	#6E315E
33.3%	33.3% #7E3C66	RGB 126 60 102	#7E3C66
50.0%	50.0% #8F476E	RGB 143 71 110	#8F476E
66.7%	66.7% #9F5276	RGB 159 82 118	#9F5276
83.3%	83.3% #AF5D7E	RGB 175 93 126	#AF5D7E
100.0%	100.0% #C06986	RGB 192 105 134	#C06986

#5E2657 #6E315E #7E3C66 #8F476E #9F5276 #AF5D7E #C06986

#5E2657 - #C06986

HSV Blend

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

0.0%	0.0% #5E2656	RGB 94 38 86	#5E2656
16.7%	16.7% #6E2F60	RGB 110 47 96	#6E2F60
33.3%	33.3% #7E3969	RGB 126 57 105	#7E3969
50.0%	50.0% #8F4471	RGB 143 68 113	#8F4471
66.7%	66.7% #9F4F78	RGB 159 79 120	#9F4F78
83.3%	83.3% #AF5B7F	RGB 175 91 127	#AF5B7F
100.0%	100.0% #C06986	RGB 192 105 134	#C06986

#5E2656 #6E2F60 #7E3969 #8F4471 #9F4F78 #AF5B7F #C06986

#5E2657 - #8F4471 - #C06986

CSS codes

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

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