#A8A19B - #FFDCB4 | 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 #A8A19B to #FFDCB4

#A8A19B #FFDCB4

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

#A8A19B - #FFDCB4 | 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 #A8A19B as 0% and #FFDCB4 as 100%.

0.0%	0.0% #A8A19B	RGB 168 161 155	#A8A19B
16.7%	16.7% #B6AA9F	RGB 182 170 159	#B6AA9F
33.3%	33.3% #C5B4A3	RGB 197 180 163	#C5B4A3
50.0%	50.0% #D3BEA7	RGB 211 190 167	#D3BEA7
66.7%	66.7% #E2C8AB	RGB 226 200 171	#E2C8AB
83.3%	83.3% #F0D2AF	RGB 240 210 175	#F0D2AF
100.0%	100.0% #FFDCB4	RGB 255 220 180	#FFDCB4

#A8A19B #B6AA9F #C5B4A3 #D3BEA7 #E2C8AB #F0D2AF #FFDCB4

#A8A19B - #FFDCB4

HSV Blend

#A8A19B - #FFDCB4 | 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 #A8A19B as 0% and #FFDCB4 as 100%.

0.0%	0.0% #A8A19B	RGB 168 161 155	#A8A19B
16.7%	16.7% #B6ABA1	RGB 182 171 161	#B6ABA1
33.3%	33.3% #C5B5A7	RGB 197 181 167	#C5B5A7
50.0%	50.0% #D3BFAC	RGB 211 191 172	#D3BFAC
66.7%	66.7% #E2C9AF	RGB 226 201 175	#E2C9AF
83.3%	83.3% #F0D2B2	RGB 240 210 178	#F0D2B2
100.0%	100.0% #FFDCB4	RGB 255 220 180	#FFDCB4

#A8A19B #B6ABA1 #C5B5A7 #D3BFAC #E2C9AF #F0D2B2 #FFDCB4

#A8A19B - #D3BFAC - #FFDCB4

CSS codes

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

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