#561E5E - #C35B70 | 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 #561E5E to #C35B70

#561E5E #C35B70

Calculate the color between two colors, #561E5E and #C35B70. 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)

#561E5E - #C35B70 | 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 #561E5E as 0% and #C35B70 as 100%.

0.0%	0.0% #561E5E	RGB 86 30 94	#561E5E
16.7%	16.7% #682861	RGB 104 40 97	#682861
33.3%	33.3% #7A3264	RGB 122 50 100	#7A3264
50.0%	50.0% #8C3C67	RGB 140 60 103	#8C3C67
66.7%	66.7% #9E466A	RGB 158 70 106	#9E466A
83.3%	83.3% #B0506D	RGB 176 80 109	#B0506D
100.0%	100.0% #C35B70	RGB 195 91 112	#C35B70

#561E5E #682861 #7A3264 #8C3C67 #9E466A #B0506D #C35B70

#561E5E - #C35B70

HSV Blend

#561E5E - #C35B70 | 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 #561E5E as 0% and #C35B70 as 100%.

0.0%	0.0% #561E5E	RGB 86 30 94	#561E5E
16.7%	16.7% #6E266C	RGB 110 38 108	#6E266C
33.3%	33.3% #7F2F70	RGB 127 47 112	#7F2F70
50.0%	50.0% #903872	RGB 144 56 114	#903872
66.7%	66.7% #A14373	RGB 161 67 115	#A14373
83.3%	83.3% #B24E72	RGB 178 78 114	#B24E72
100.0%	100.0% #C35B70	RGB 195 91 112	#C35B70

#561E5E #6E266C #7F2F70 #903872 #A14373 #B24E72 #C35B70

#561E5E - #903872 - #C35B70

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #561E5E 0%, #903872 50%, #C35B70 100%);
    background: -webkit-linear-gradient(top, #561E5E 0%, #903872 50%, #C35B70 100%);
    background: linear-gradient(to bottom, #561E5E 0%, #903872 50%, #C35B70 100%);
}
</style>