#AA8A8A - #B8CFC3 | 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 #AA8A8A to #B8CFC3

#AA8A8A #B8CFC3

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

#AA8A8A - #B8CFC3 | 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 #AA8A8A as 0% and #B8CFC3 as 100%.

0.0%	0.0% #AA8A8A	RGB 170 138 138	#AA8A8A
16.7%	16.7% #AC9593	RGB 172 149 147	#AC9593
33.3%	33.3% #AEA19D	RGB 174 161 157	#AEA19D
50.0%	50.0% #B1ACA6	RGB 177 172 166	#B1ACA6
66.7%	66.7% #B3B8B0	RGB 179 184 176	#B3B8B0
83.3%	83.3% #B5C3B9	RGB 181 195 185	#B5C3B9
100.0%	100.0% #B8CFC3	RGB 184 207 195	#B8CFC3

#AA8A8A #AC9593 #AEA19D #B1ACA6 #B3B8B0 #B5C3B9 #B8CFC3

#AA8A8A - #B8CFC3

HSV Blend

#AA8A8A - #B8CFC3 | 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 #AA8A8A as 0% and #B8CFC3 as 100%.

0.0%	0.0% #AA8A8A	RGB 170 138 138	#AA8A8A
16.7%	16.7% #B09E91	RGB 176 158 145	#B09E91
33.3%	33.3% #B6B198	RGB 182 177 152	#B6B198
50.0%	50.0% #B5BCA0	RGB 181 188 160	#B5BCA0
66.7%	66.7% #B1C2A8	RGB 177 194 168	#B1C2A8
83.3%	83.3% #AFC8B1	RGB 175 200 177	#AFC8B1
100.0%	100.0% #B8CFC3	RGB 184 207 195	#B8CFC3

#AA8A8A #B09E91 #B6B198 #B5BCA0 #B1C2A8 #AFC8B1 #B8CFC3

#AA8A8A - #B5BCA0 - #B8CFC3

CSS codes

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

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