#AA9A94 - #FFEFB5 | 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 #AA9A94 to #FFEFB5

#AA9A94 #FFEFB5

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

#AA9A94 - #FFEFB5 | 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 #AA9A94 as 0% and #FFEFB5 as 100%.

0.0%	0.0% #AA9A94	RGB 170 154 148	#AA9A94
16.7%	16.7% #B8A899	RGB 184 168 153	#B8A899
33.3%	33.3% #C6B69F	RGB 198 182 159	#C6B69F
50.0%	50.0% #D4C4A4	RGB 212 196 164	#D4C4A4
66.7%	66.7% #E2D2AA	RGB 226 210 170	#E2D2AA
83.3%	83.3% #F0E0AF	RGB 240 224 175	#F0E0AF
100.0%	100.0% #FFEFB5	RGB 255 239 181	#FFEFB5

#AA9A94 #B8A899 #C6B69F #D4C4A4 #E2D2AA #F0E0AF #FFEFB5

#AA9A94 - #FFEFB5

HSV Blend

#AA9A94 - #FFEFB5 | 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 #AA9A94 as 0% and #FFEFB5 as 100%.

0.0%	0.0% #AA9A94	RGB 170 154 148	#AA9A94
16.7%	16.7% #B8A59B	RGB 184 165 155	#B8A59B
33.3%	33.3% #C6B2A2	RGB 198 178 162	#C6B2A2
50.0%	50.0% #D4BFA7	RGB 212 191 167	#D4BFA7
66.7%	66.7% #E2CDAD	RGB 226 205 173	#E2CDAD
83.3%	83.3% #F0DDB1	RGB 240 221 177	#F0DDB1
100.0%	100.0% #FFEFB5	RGB 255 239 181	#FFEFB5

#AA9A94 #B8A59B #C6B2A2 #D4BFA7 #E2CDAD #F0DDB1 #FFEFB5

#AA9A94 - #D4BFA7 - #FFEFB5

CSS codes

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

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