#572C5E - #CC6C6E | 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 #572C5E to #CC6C6E

#572C5E #CC6C6E

Calculate the color between two colors, #572C5E and #CC6C6E. 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)

#572C5E - #CC6C6E | 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 #572C5E as 0% and #CC6C6E as 100%.

0.0%	0.0% #572C5E	RGB 87 44 94	#572C5E
16.7%	16.7% #6A3660	RGB 106 54 96	#6A3660
33.3%	33.3% #7E4163	RGB 126 65 99	#7E4163
50.0%	50.0% #914C66	RGB 145 76 102	#914C66
66.7%	66.7% #A55668	RGB 165 86 104	#A55668
83.3%	83.3% #B8616B	RGB 184 97 107	#B8616B
100.0%	100.0% #CC6C6E	RGB 204 108 110	#CC6C6E

#572C5E #6A3660 #7E4163 #914C66 #A55668 #B8616B #CC6C6E

#572C5E - #CC6C6E

HSV Blend

#572C5E - #CC6C6E | 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 #572C5E as 0% and #CC6C6E as 100%.

0.0%	0.0% #572C5E	RGB 87 44 94	#572C5E
16.7%	16.7% #70356D	RGB 112 53 109	#70356D
33.3%	33.3% #823F73	RGB 130 63 115	#823F73
50.0%	50.0% #954A75	RGB 149 74 117	#954A75
66.7%	66.7% #A75575	RGB 167 85 117	#A75575
83.3%	83.3% #B96072	RGB 185 96 114	#B96072
100.0%	100.0% #CC6C6E	RGB 204 108 110	#CC6C6E

#572C5E #70356D #823F73 #954A75 #A75575 #B96072 #CC6C6E

#572C5E - #954A75 - #CC6C6E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #572C5E 0%, #954A75 50%, #CC6C6E 100%);
    background: -webkit-linear-gradient(top, #572C5E 0%, #954A75 50%, #CC6C6E 100%);
    background: linear-gradient(to bottom, #572C5E 0%, #954A75 50%, #CC6C6E 100%);
}
</style>