#AA7B8F - #752A40 | 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 #AA7B8F to #752A40

#AA7B8F #752A40

Calculate the color between two colors, #AA7B8F and #752A40. 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)

#AA7B8F - #752A40 | 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 #AA7B8F as 0% and #752A40 as 100%.

0.0%	0.0% #AA7B8F	RGB 170 123 143	#AA7B8F
16.7%	16.7% #A16D81	RGB 161 109 129	#A16D81
33.3%	33.3% #986074	RGB 152 96 116	#986074
50.0%	50.0% #8F5267	RGB 143 82 103	#8F5267
66.7%	66.7% #86455A	RGB 134 69 90	#86455A
83.3%	83.3% #7D374D	RGB 125 55 77	#7D374D
100.0%	100.0% #752A40	RGB 117 42 64	#752A40

#AA7B8F #A16D81 #986074 #8F5267 #86455A #7D374D #752A40

#AA7B8F - #752A40

HSV Blend

#AA7B8F - #752A40 | 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 #AA7B8F as 0% and #752A40 as 100%.

0.0%	0.0% #AA7B8E	RGB 170 123 142	#AA7B8E
16.7%	16.7% #A16A80	RGB 161 106 128	#A16A80
33.3%	33.3% #985B72	RGB 152 91 114	#985B72
50.0%	50.0% #8F4D65	RGB 143 77 101	#8F4D65
66.7%	66.7% #864058	RGB 134 64 88	#864058
83.3%	83.3% #7D344B	RGB 125 52 75	#7D344B
100.0%	100.0% #752A40	RGB 117 42 64	#752A40

#AA7B8E #A16A80 #985B72 #8F4D65 #864058 #7D344B #752A40

#AA7B8F - #8F4D65 - #752A40

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AA7B8E 0%, #8F4D65 50%, #752A40 100%);
    background: -webkit-linear-gradient(top, #AA7B8E 0%, #8F4D65 50%, #752A40 100%);
    background: linear-gradient(to bottom, #AA7B8E 0%, #8F4D65 50%, #752A40 100%);
}
</style>