#AA6B78 - #E6D4D8 | 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 #AA6B78 to #E6D4D8

#AA6B78 #E6D4D8

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

#AA6B78 - #E6D4D8 | 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 #AA6B78 as 0% and #E6D4D8 as 100%.

0.0%	0.0% #AA6B78	RGB 170 107 120	#AA6B78
16.7%	16.7% #B47C88	RGB 180 124 136	#B47C88
33.3%	33.3% #BE8E98	RGB 190 142 152	#BE8E98
50.0%	50.0% #C89FA8	RGB 200 159 168	#C89FA8
66.7%	66.7% #D2B1B8	RGB 210 177 184	#D2B1B8
83.3%	83.3% #DCC2C8	RGB 220 194 200	#DCC2C8
100.0%	100.0% #E6D4D8	RGB 230 212 216	#E6D4D8

#AA6B78 #B47C88 #BE8E98 #C89FA8 #D2B1B8 #DCC2C8 #E6D4D8

#AA6B78 - #E6D4D8

HSV Blend

#AA6B78 - #E6D4D8 | 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 #AA6B78 as 0% and #E6D4D8 as 100%.

0.0%	0.0% #AA6B78	RGB 170 107 120	#AA6B78
16.7%	16.7% #B47A86	RGB 180 122 134	#B47A86
33.3%	33.3% #BE8A95	RGB 190 138 149	#BE8A95
50.0%	50.0% #C89BA4	RGB 200 155 164	#C89BA4
66.7%	66.7% #D2ADB5	RGB 210 173 181	#D2ADB5
83.3%	83.3% #DCC0C6	RGB 220 192 198	#DCC0C6
100.0%	100.0% #E6D4D8	RGB 230 212 216	#E6D4D8

#AA6B78 #B47A86 #BE8A95 #C89BA4 #D2ADB5 #DCC0C6 #E6D4D8

#AA6B78 - #C89BA4 - #E6D4D8

CSS codes

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

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