#5E3A55 - #CC857E | 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 #5E3A55 to #CC857E

#5E3A55 #CC857E

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

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

0.0%	0.0% #5E3A55	RGB 94 58 85	#5E3A55
16.7%	16.7% #70465B	RGB 112 70 91	#70465B
33.3%	33.3% #825362	RGB 130 83 98	#825362
50.0%	50.0% #955F69	RGB 149 95 105	#955F69
66.7%	66.7% #A76C70	RGB 167 108 112	#A76C70
83.3%	83.3% #B97877	RGB 185 120 119	#B97877
100.0%	100.0% #CC857E	RGB 204 133 126	#CC857E

#5E3A55 #70465B #825362 #955F69 #A76C70 #B97877 #CC857E

#5E3A55 - #CC857E

HSV Blend

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

0.0%	0.0% #5E3A55	RGB 94 58 85	#5E3A55
16.7%	16.7% #70455F	RGB 112 69 95	#70455F
33.3%	33.3% #825068	RGB 130 80 104	#825068
50.0%	50.0% #955B6E	RGB 149 91 110	#955B6E
66.7%	66.7% #A76773	RGB 167 103 115	#A76773
83.3%	83.3% #B97276	RGB 185 114 118	#B97276
100.0%	100.0% #CC857E	RGB 204 133 126	#CC857E

#5E3A55 #70455F #825068 #955B6E #A76773 #B97276 #CC857E

#5E3A55 - #955B6E - #CC857E

CSS codes

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

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