#A4A4A2 - #FDDAB2 | 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 #A4A4A2 to #FDDAB2

#A4A4A2 #FDDAB2

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

#A4A4A2 - #FDDAB2 | 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 #A4A4A2 as 0% and #FDDAB2 as 100%.

0.0%	0.0% #A4A4A2	RGB 164 164 162	#A4A4A2
16.7%	16.7% #B2ADA4	RGB 178 173 164	#B2ADA4
33.3%	33.3% #C1B6A7	RGB 193 182 167	#C1B6A7
50.0%	50.0% #D0BFAA	RGB 208 191 170	#D0BFAA
66.7%	66.7% #DFC8AC	RGB 223 200 172	#DFC8AC
83.3%	83.3% #EED1AF	RGB 238 209 175	#EED1AF
100.0%	100.0% #FDDAB2	RGB 253 218 178	#FDDAB2

#A4A4A2 #B2ADA4 #C1B6A7 #D0BFAA #DFC8AC #EED1AF #FDDAB2

#A4A4A2 - #FDDAB2

HSV Blend

#A4A4A2 - #FDDAB2 | 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 #A4A4A2 as 0% and #FDDAB2 as 100%.

0.0%	0.0% #A4A4A2	RGB 164 164 162	#A4A4A2
16.7%	16.7% #B2B2A8	RGB 178 178 168	#B2B2A8
33.3%	33.3% #C1BEAC	RGB 193 190 172	#C1BEAC
50.0%	50.0% #D0C8B0	RGB 208 200 176	#D0C8B0
66.7%	66.7% #DFD1B2	RGB 223 209 178	#DFD1B2
83.3%	83.3% #EED7B2	RGB 238 215 178	#EED7B2
100.0%	100.0% #FDDAB2	RGB 253 218 178	#FDDAB2

#A4A4A2 #B2B2A8 #C1BEAC #D0C8B0 #DFD1B2 #EED7B2 #FDDAB2

#A4A4A2 - #D0C8B0 - #FDDAB2

CSS codes

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

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