#721B52 - #CD5E74 | 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 #721B52 to #CD5E74

#721B52 #CD5E74

Calculate the color between two colors, #721B52 and #CD5E74. 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)

#721B52 - #CD5E74 | 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 #721B52 as 0% and #CD5E74 as 100%.

0.0%	0.0% #721B52	RGB 114 27 82	#721B52
16.7%	16.7% #812657	RGB 129 38 87	#812657
33.3%	33.3% #90315D	RGB 144 49 93	#90315D
50.0%	50.0% #9F3C63	RGB 159 60 99	#9F3C63
66.7%	66.7% #AE4768	RGB 174 71 104	#AE4768
83.3%	83.3% #BD526E	RGB 189 82 110	#BD526E
100.0%	100.0% #CD5E74	RGB 205 94 116	#CD5E74

#721B52 #812657 #90315D #9F3C63 #AE4768 #BD526E #CD5E74

#721B52 - #CD5E74

HSV Blend

#721B52 - #CD5E74 | 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 #721B52 as 0% and #CD5E74 as 100%.

0.0%	0.0% #721B51	RGB 114 27 81	#721B51
16.7%	16.7% #812357	RGB 129 35 87	#812357
33.3%	33.3% #902C5D	RGB 144 44 93	#902C5D
50.0%	50.0% #9F3762	RGB 159 55 98	#9F3762
66.7%	66.7% #AE4368	RGB 174 67 104	#AE4368
83.3%	83.3% #BD506D	RGB 189 80 109	#BD506D
100.0%	100.0% #CD5E74	RGB 205 94 116	#CD5E74

#721B51 #812357 #902C5D #9F3762 #AE4368 #BD506D #CD5E74

#721B52 - #9F3762 - #CD5E74

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #721B51 0%, #9F3762 50%, #CD5E74 100%);
    background: -webkit-linear-gradient(top, #721B51 0%, #9F3762 50%, #CD5E74 100%);
    background: linear-gradient(to bottom, #721B51 0%, #9F3762 50%, #CD5E74 100%);
}
</style>