#562F5E - #C56D9A | 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 #562F5E to #C56D9A

#562F5E #C56D9A

Calculate the color between two colors, #562F5E and #C56D9A. 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)

#562F5E - #C56D9A | 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 #562F5E as 0% and #C56D9A as 100%.

0.0%	0.0% #562F5E	RGB 86 47 94	#562F5E
16.7%	16.7% #683968	RGB 104 57 104	#683968
33.3%	33.3% #7B4372	RGB 123 67 114	#7B4372
50.0%	50.0% #8D4E7C	RGB 141 78 124	#8D4E7C
66.7%	66.7% #A05886	RGB 160 88 134	#A05886
83.3%	83.3% #B26290	RGB 178 98 144	#B26290
100.0%	100.0% #C56D9A	RGB 197 109 154	#C56D9A

#562F5E #683968 #7B4372 #8D4E7C #A05886 #B26290 #C56D9A

#562F5E - #C56D9A

HSV Blend

#562F5E - #C56D9A | 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 #562F5E as 0% and #C56D9A as 100%.

0.0%	0.0% #562F5E	RGB 86 47 94	#562F5E
16.7%	16.7% #6B386F	RGB 107 56 111	#6B386F
33.3%	33.3% #80427D	RGB 128 66 125	#80427D
50.0%	50.0% #914C86	RGB 145 76 134	#914C86
66.7%	66.7% #A2578E	RGB 162 87 142	#A2578E
83.3%	83.3% #B36194	RGB 179 97 148	#B36194
100.0%	100.0% #C56D9A	RGB 197 109 154	#C56D9A

#562F5E #6B386F #80427D #914C86 #A2578E #B36194 #C56D9A

#562F5E - #914C86 - #C56D9A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #562F5E 0%, #914C86 50%, #C56D9A 100%);
    background: -webkit-linear-gradient(top, #562F5E 0%, #914C86 50%, #C56D9A 100%);
    background: linear-gradient(to bottom, #562F5E 0%, #914C86 50%, #C56D9A 100%);
}
</style>