#522E5E - #CA7071 | 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 #522E5E to #CA7071

#522E5E #CA7071

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

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

0.0%	0.0% #522E5E	RGB 82 46 94	#522E5E
16.7%	16.7% #663961	RGB 102 57 97	#663961
33.3%	33.3% #7A4464	RGB 122 68 100	#7A4464
50.0%	50.0% #8E4F67	RGB 142 79 103	#8E4F67
66.7%	66.7% #A25A6A	RGB 162 90 106	#A25A6A
83.3%	83.3% #B6656D	RGB 182 101 109	#B6656D
100.0%	100.0% #CA7071	RGB 202 112 113	#CA7071

#522E5E #663961 #7A4464 #8E4F67 #A25A6A #B6656D #CA7071

#522E5E - #CA7071

HSV Blend

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

0.0%	0.0% #522E5E	RGB 82 46 94	#522E5E
16.7%	16.7% #6D3870	RGB 109 56 112	#6D3870
33.3%	33.3% #824277	RGB 130 66 119	#824277
50.0%	50.0% #944D79	RGB 148 77 121	#944D79
66.7%	66.7% #A65879	RGB 166 88 121	#A65879
83.3%	83.3% #B86476	RGB 184 100 118	#B86476
100.0%	100.0% #CA7071	RGB 202 112 113	#CA7071

#522E5E #6D3870 #824277 #944D79 #A65879 #B86476 #CA7071

#522E5E - #944D79 - #CA7071

CSS codes

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

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