#A8A88C - #FFDBA0 | 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 #A8A88C to #FFDBA0

#A8A88C #FFDBA0

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

#A8A88C - #FFDBA0 | 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 #A8A88C as 0% and #FFDBA0 as 100%.

0.0%	0.0% #A8A88C	RGB 168 168 140	#A8A88C
16.7%	16.7% #B6B08F	RGB 182 176 143	#B6B08F
33.3%	33.3% #C5B992	RGB 197 185 146	#C5B992
50.0%	50.0% #D3C196	RGB 211 193 150	#D3C196
66.7%	66.7% #E2CA99	RGB 226 202 153	#E2CA99
83.3%	83.3% #F0D29C	RGB 240 210 156	#F0D29C
100.0%	100.0% #FFDBA0	RGB 255 219 160	#FFDBA0

#A8A88C #B6B08F #C5B992 #D3C196 #E2CA99 #F0D29C #FFDBA0

#A8A88C - #FFDBA0

HSV Blend

#A8A88C - #FFDBA0 | 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 #A8A88C as 0% and #FFDBA0 as 100%.

0.0%	0.0% #A8A88C	RGB 168 168 140	#A8A88C
16.7%	16.7% #B6B491	RGB 182 180 145	#B6B491
33.3%	33.3% #C5BF96	RGB 197 191 150	#C5BF96
50.0%	50.0% #D3C89A	RGB 211 200 154	#D3C89A
66.7%	66.7% #E2D09D	RGB 226 208 157	#E2D09D
83.3%	83.3% #F0D69F	RGB 240 214 159	#F0D69F
100.0%	100.0% #FFDBA0	RGB 255 219 160	#FFDBA0

#A8A88C #B6B491 #C5BF96 #D3C89A #E2D09D #F0D69F #FFDBA0

#A8A88C - #D3C89A - #FFDBA0

CSS codes

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

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