#562B5E - #C47499 | 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 #562B5E to #C47499

#562B5E #C47499

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

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

0.0%	0.0% #562B5E	RGB 86 43 94	#562B5E
16.7%	16.7% #683767	RGB 104 55 103	#683767
33.3%	33.3% #7A4371	RGB 122 67 113	#7A4371
50.0%	50.0% #8D4F7B	RGB 141 79 123	#8D4F7B
66.7%	66.7% #9F5B85	RGB 159 91 133	#9F5B85
83.3%	83.3% #B1678F	RGB 177 103 143	#B1678F
100.0%	100.0% #C47499	RGB 196 116 153	#C47499

#562B5E #683767 #7A4371 #8D4F7B #9F5B85 #B1678F #C47499

#562B5E - #C47499

HSV Blend

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

0.0%	0.0% #552B5E	RGB 85 43 94	#552B5E
16.7%	16.7% #6C356F	RGB 108 53 111	#6C356F
33.3%	33.3% #80407B	RGB 128 64 123	#80407B
50.0%	50.0% #914C83	RGB 145 76 131	#914C83
66.7%	66.7% #A2588B	RGB 162 88 139	#A2588B
83.3%	83.3% #B36592	RGB 179 101 146	#B36592
100.0%	100.0% #C47499	RGB 196 116 153	#C47499

#552B5E #6C356F #80407B #914C83 #A2588B #B36592 #C47499

#562B5E - #914C83 - #C47499

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #552B5E 0%, #914C83 50%, #C47499 100%);
    background: -webkit-linear-gradient(top, #552B5E 0%, #914C83 50%, #C47499 100%);
    background: linear-gradient(to bottom, #552B5E 0%, #914C83 50%, #C47499 100%);
}
</style>