#CD7E84 - #AA2D41 | 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 #CD7E84 to #AA2D41

#CD7E84 #AA2D41

Calculate the color between two colors, #CD7E84 and #AA2D41. 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)

#CD7E84 - #AA2D41 | 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 #CD7E84 as 0% and #AA2D41 as 100%.

0.0%	0.0% #CD7E84	RGB 205 126 132	#CD7E84
16.7%	16.7% #C77078	RGB 199 112 120	#C77078
33.3%	33.3% #C1636D	RGB 193 99 109	#C1636D
50.0%	50.0% #BB5562	RGB 187 85 98	#BB5562
66.7%	66.7% #B54857	RGB 181 72 87	#B54857
83.3%	83.3% #AF3A4C	RGB 175 58 76	#AF3A4C
100.0%	100.0% #AA2D41	RGB 170 45 65	#AA2D41

#CD7E84 #C77078 #C1636D #BB5562 #B54857 #AF3A4C #AA2D41

#CD7E84 - #AA2D41

HSV Blend

#CD7E84 - #AA2D41 | 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 #CD7E84 as 0% and #AA2D41 as 100%.

0.0%	0.0% #CD7E84	RGB 205 126 132	#CD7E84
16.7%	16.7% #C76E76	RGB 199 110 118	#C76E76
33.3%	33.3% #C1606A	RGB 193 96 106	#C1606A
50.0%	50.0% #BB525E	RGB 187 82 94	#BB525E
66.7%	66.7% #B54554	RGB 181 69 84	#B54554
83.3%	83.3% #AF384A	RGB 175 56 74	#AF384A
100.0%	100.0% #AA2D41	RGB 170 45 65	#AA2D41

#CD7E84 #C76E76 #C1606A #BB525E #B54554 #AF384A #AA2D41

#CD7E84 - #BB525E - #AA2D41

CSS codes

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

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