#5E3E5A - #C8689F | 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 #5E3E5A to #C8689F

#5E3E5A #C8689F

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

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

0.0%	0.0% #5E3E5A	RGB 94 62 90	#5E3E5A
16.7%	16.7% #6F4565	RGB 111 69 101	#6F4565
33.3%	33.3% #814C71	RGB 129 76 113	#814C71
50.0%	50.0% #93537C	RGB 147 83 124	#93537C
66.7%	66.7% #A45A88	RGB 164 90 136	#A45A88
83.3%	83.3% #B66193	RGB 182 97 147	#B66193
100.0%	100.0% #C8689F	RGB 200 104 159	#C8689F

#5E3E5A #6F4565 #814C71 #93537C #A45A88 #B66193 #C8689F

#5E3E5A - #C8689F

HSV Blend

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

0.0%	0.0% #5E3E5A	RGB 94 62 90	#5E3E5A
16.7%	16.7% #6F4768	RGB 111 71 104	#6F4768
33.3%	33.3% #814F76	RGB 129 79 118	#814F76
50.0%	50.0% #935682	RGB 147 86 130	#935682
66.7%	66.7% #A45D8D	RGB 164 93 141	#A45D8D
83.3%	83.3% #B66396	RGB 182 99 150	#B66396
100.0%	100.0% #C8689F	RGB 200 104 159	#C8689F

#5E3E5A #6F4768 #814F76 #935682 #A45D8D #B66396 #C8689F

#5E3E5A - #935682 - #C8689F

CSS codes

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

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