#ACAC8F - #FFDDA3 | 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 #ACAC8F to #FFDDA3

#ACAC8F #FFDDA3

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

#ACAC8F - #FFDDA3 | 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 #ACAC8F as 0% and #FFDDA3 as 100%.

0.0%	0.0% #ACAC8F	RGB 172 172 143	#ACAC8F
16.7%	16.7% #B9B492	RGB 185 180 146	#B9B492
33.3%	33.3% #C7BC95	RGB 199 188 149	#C7BC95
50.0%	50.0% #D5C499	RGB 213 196 153	#D5C499
66.7%	66.7% #E3CC9C	RGB 227 204 156	#E3CC9C
83.3%	83.3% #F1D49F	RGB 241 212 159	#F1D49F
100.0%	100.0% #FFDDA3	RGB 255 221 163	#FFDDA3

#ACAC8F #B9B492 #C7BC95 #D5C499 #E3CC9C #F1D49F #FFDDA3

#ACAC8F - #FFDDA3

HSV Blend

#ACAC8F - #FFDDA3 | 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 #ACAC8F as 0% and #FFDDA3 as 100%.

0.0%	0.0% #ACAC8F	RGB 172 172 143	#ACAC8F
16.7%	16.7% #B9B794	RGB 185 183 148	#B9B794
33.3%	33.3% #C7C199	RGB 199 193 153	#C7C199
50.0%	50.0% #D5CB9C	RGB 213 203 156	#D5CB9C
66.7%	66.7% #E3D29F	RGB 227 210 159	#E3D29F
83.3%	83.3% #F1D8A1	RGB 241 216 161	#F1D8A1
100.0%	100.0% #FFDDA3	RGB 255 221 163	#FFDDA3

#ACAC8F #B9B794 #C7C199 #D5CB9C #E3D29F #F1D8A1 #FFDDA3

#ACAC8F - #D5CB9C - #FFDDA3

CSS codes

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

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