#AA4D70 - #FF76DA | 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 #AA4D70 to #FF76DA

#AA4D70 #FF76DA

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

#AA4D70 - #FF76DA | 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 #AA4D70 as 0% and #FF76DA as 100%.

0.0%	0.0% #AA4D70	RGB 170 77 112	#AA4D70
16.7%	16.7% #B85381	RGB 184 83 129	#B85381
33.3%	33.3% #C65A93	RGB 198 90 147	#C65A93
50.0%	50.0% #D461A5	RGB 212 97 165	#D461A5
66.7%	66.7% #E268B6	RGB 226 104 182	#E268B6
83.3%	83.3% #F06FC8	RGB 240 111 200	#F06FC8
100.0%	100.0% #FF76DA	RGB 255 118 218	#FF76DA

#AA4D70 #B85381 #C65A93 #D461A5 #E268B6 #F06FC8 #FF76DA

#AA4D70 - #FF76DA

HSV Blend

#AA4D70 - #FF76DA | 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 #AA4D70 as 0% and #FF76DA as 100%.

0.0%	0.0% #AA4D6F	RGB 170 77 111	#AA4D6F
16.7%	16.7% #B8537F	RGB 184 83 127	#B8537F
33.3%	33.3% #C65A8F	RGB 198 90 143	#C65A8F
50.0%	50.0% #D461A1	RGB 212 97 161	#D461A1
66.7%	66.7% #E268B3	RGB 226 104 179	#E268B3
83.3%	83.3% #F06FC6	RGB 240 111 198	#F06FC6
100.0%	100.0% #FF76DA	RGB 255 118 218	#FF76DA

#AA4D6F #B8537F #C65A8F #D461A1 #E268B3 #F06FC6 #FF76DA

#AA4D70 - #D461A1 - #FF76DA

CSS codes

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

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