#AAA6AF - #FFDBAF | 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 #AAA6AF to #FFDBAF

#AAA6AF #FFDBAF

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

#AAA6AF - #FFDBAF | 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 #AAA6AF as 0% and #FFDBAF as 100%.

0.0%	0.0% #AAA6AF	RGB 170 166 175	#AAA6AF
16.7%	16.7% #B8AEAF	RGB 184 174 175	#B8AEAF
33.3%	33.3% #C6B7AF	RGB 198 183 175	#C6B7AF
50.0%	50.0% #D4C0AF	RGB 212 192 175	#D4C0AF
66.7%	66.7% #E2C9AF	RGB 226 201 175	#E2C9AF
83.3%	83.3% #F0D2AF	RGB 240 210 175	#F0D2AF
100.0%	100.0% #FFDBAF	RGB 255 219 175	#FFDBAF

#AAA6AF #B8AEAF #C6B7AF #D4C0AF #E2C9AF #F0D2AF #FFDBAF

#AAA6AF - #FFDBAF

HSV Blend

#AAA6AF - #FFDBAF | 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 #AAA6AF as 0% and #FFDBAF as 100%.

0.0%	0.0% #AAA6AF	RGB 170 166 175	#AAA6AF
16.7%	16.7% #B8AABC	RGB 184 170 188	#B8AABC
33.3%	33.3% #C9ADC5	RGB 201 173 197	#C9ADC5
50.0%	50.0% #D7AFC3	RGB 215 175 195	#D7AFC3
66.7%	66.7% #E4B0B8	RGB 228 176 184	#E4B0B8
83.3%	83.3% #F1BDB0	RGB 241 189 176	#F1BDB0
100.0%	100.0% #FFDBAF	RGB 255 219 175	#FFDBAF

#AAA6AF #B8AABC #C9ADC5 #D7AFC3 #E4B0B8 #F1BDB0 #FFDBAF

#AAA6AF - #D7AFC3 - #FFDBAF

CSS codes

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

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