#DADB8F - #A3AC3B | 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 #DADB8F to #A3AC3B

#DADB8F #A3AC3B

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

#DADB8F - #A3AC3B | 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 #DADB8F as 0% and #A3AC3B as 100%.

0.0%	0.0% #DADB8F	RGB 218 219 143	#DADB8F
16.7%	16.7% #D0D381	RGB 208 211 129	#D0D381
33.3%	33.3% #C7CB73	RGB 199 203 115	#C7CB73
50.0%	50.0% #BEC365	RGB 190 195 101	#BEC365
66.7%	66.7% #B5BB57	RGB 181 187 87	#B5BB57
83.3%	83.3% #ACB349	RGB 172 179 73	#ACB349
100.0%	100.0% #A3AC3B	RGB 163 172 59	#A3AC3B

#DADB8F #D0D381 #C7CB73 #BEC365 #B5BB57 #ACB349 #A3AC3B

#DADB8F - #A3AC3B

HSV Blend

#DADB8F - #A3AC3B | 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 #DADB8F as 0% and #A3AC3B as 100%.

0.0%	0.0% #DADB8F	RGB 218 219 143	#DADB8F
16.7%	16.7% #D1D37E	RGB 209 211 126	#D1D37E
33.3%	33.3% #C8CB6F	RGB 200 203 111	#C8CB6F
50.0%	50.0% #BEC361	RGB 190 195 97	#BEC361
66.7%	66.7% #B5BB53	RGB 181 187 83	#B5BB53
83.3%	83.3% #ACB346	RGB 172 179 70	#ACB346
100.0%	100.0% #A3AC3B	RGB 163 172 59	#A3AC3B

#DADB8F #D1D37E #C8CB6F #BEC361 #B5BB53 #ACB346 #A3AC3B

#DADB8F - #BEC361 - #A3AC3B

CSS codes

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

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