#5E3A4A - #CC9C7E | 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 #5E3A4A to #CC9C7E

#5E3A4A #CC9C7E

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

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

0.0%	0.0% #5E3A4A	RGB 94 58 74	#5E3A4A
16.7%	16.7% #704A52	RGB 112 74 82	#704A52
33.3%	33.3% #825A5B	RGB 130 90 91	#825A5B
50.0%	50.0% #956B64	RGB 149 107 100	#956B64
66.7%	66.7% #A77B6C	RGB 167 123 108	#A77B6C
83.3%	83.3% #B98B75	RGB 185 139 117	#B98B75
100.0%	100.0% #CC9C7E	RGB 204 156 126	#CC9C7E

#5E3A4A #704A52 #825A5B #956B64 #A77B6C #B98B75 #CC9C7E

#5E3A4A - #CC9C7E

HSV Blend

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

0.0%	0.0% #5E3A4A	RGB 94 58 74	#5E3A4A
16.7%	16.7% #704552	RGB 112 69 82	#704552
33.3%	33.3% #825059	RGB 130 80 89	#825059
50.0%	50.0% #955B5D	RGB 149 91 93	#955B5D
66.7%	66.7% #A76E67	RGB 167 110 103	#A76E67
83.3%	83.3% #B98472	RGB 185 132 114	#B98472
100.0%	100.0% #CC9C7E	RGB 204 156 126	#CC9C7E

#5E3A4A #704552 #825059 #955B5D #A76E67 #B98472 #CC9C7E

#5E3A4A - #955B5D - #CC9C7E

CSS codes

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

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