#DADA8C - #968A2E | 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 #DADA8C to #968A2E

#DADA8C #968A2E

Calculate the color between two colors, #DADA8C and #968A2E. 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)

#DADA8C - #968A2E | 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 #DADA8C as 0% and #968A2E as 100%.

0.0%	0.0% #DADA8C	RGB 218 218 140	#DADA8C
16.7%	16.7% #CECC7C	RGB 206 204 124	#CECC7C
33.3%	33.3% #C3BF6C	RGB 195 191 108	#C3BF6C
50.0%	50.0% #B8B25D	RGB 184 178 93	#B8B25D
66.7%	66.7% #ACA44D	RGB 172 164 77	#ACA44D
83.3%	83.3% #A1973D	RGB 161 151 61	#A1973D
100.0%	100.0% #968A2E	RGB 150 138 46	#968A2E

#DADA8C #CECC7C #C3BF6C #B8B25D #ACA44D #A1973D #968A2E

#DADA8C - #968A2E

HSV Blend

#DADA8C - #968A2E | 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 #DADA8C as 0% and #968A2E as 100%.

0.0%	0.0% #DADA8C	RGB 218 218 140	#DADA8C
16.7%	16.7% #CECD79	RGB 206 205 121	#CECD79
33.3%	33.3% #C3BF67	RGB 195 191 103	#C3BF67
50.0%	50.0% #B8B257	RGB 184 178 87	#B8B257
66.7%	66.7% #ACA448	RGB 172 164 72	#ACA448
83.3%	83.3% #A1973A	RGB 161 151 58	#A1973A
100.0%	100.0% #968A2E	RGB 150 138 46	#968A2E

#DADA8C #CECD79 #C3BF67 #B8B257 #ACA448 #A1973A #968A2E

#DADA8C - #B8B257 - #968A2E

CSS codes

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

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