#AA989B - #FFD6B0 | 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 #AA989B to #FFD6B0

#AA989B #FFD6B0

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

#AA989B - #FFD6B0 | 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 #AA989B as 0% and #FFD6B0 as 100%.

0.0%	0.0% #AA989B	RGB 170 152 155	#AA989B
16.7%	16.7% #B8A29E	RGB 184 162 158	#B8A29E
33.3%	33.3% #C6ACA2	RGB 198 172 162	#C6ACA2
50.0%	50.0% #D4B7A5	RGB 212 183 165	#D4B7A5
66.7%	66.7% #E2C1A9	RGB 226 193 169	#E2C1A9
83.3%	83.3% #F0CBAC	RGB 240 203 172	#F0CBAC
100.0%	100.0% #FFD6B0	RGB 255 214 176	#FFD6B0

#AA989B #B8A29E #C6ACA2 #D4B7A5 #E2C1A9 #F0CBAC #FFD6B0

#AA989B - #FFD6B0

HSV Blend

#AA989B - #FFD6B0 | 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 #AA989B as 0% and #FFD6B0 as 100%.

0.0%	0.0% #AA989B	RGB 170 152 155	#AA989B
16.7%	16.7% #B89E9F	RGB 184 158 159	#B89E9F
33.3%	33.3% #C6A5A3	RGB 198 165 163	#C6A5A3
50.0%	50.0% #D4AFA8	RGB 212 175 168	#D4AFA8
66.7%	66.7% #E2BAAB	RGB 226 186 171	#E2BAAB
83.3%	83.3% #F0C7AE	RGB 240 199 174	#F0C7AE
100.0%	100.0% #FFD6B0	RGB 255 214 176	#FFD6B0

#AA989B #B89E9F #C6A5A3 #D4AFA8 #E2BAAB #F0C7AE #FFD6B0

#AA989B - #D4AFA8 - #FFD6B0

CSS codes

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

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