#746A3C - #DBDC5C | 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 #746A3C to #DBDC5C

#746A3C #DBDC5C

Calculate the color between two colors, #746A3C and #DBDC5C. 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)

#746A3C - #DBDC5C | 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 #746A3C as 0% and #DBDC5C as 100%.

0.0%	0.0% #746A3C	RGB 116 106 60	#746A3C
16.7%	16.7% #857D41	RGB 133 125 65	#857D41
33.3%	33.3% #969046	RGB 150 144 70	#969046
50.0%	50.0% #A7A34C	RGB 167 163 76	#A7A34C
66.7%	66.7% #B8B651	RGB 184 182 81	#B8B651
83.3%	83.3% #C9C956	RGB 201 201 86	#C9C956
100.0%	100.0% #DBDC5C	RGB 219 220 92	#DBDC5C

#746A3C #857D41 #969046 #A7A34C #B8B651 #C9C956 #DBDC5C

#746A3C - #DBDC5C

HSV Blend

#746A3C - #DBDC5C | 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 #746A3C as 0% and #DBDC5C as 100%.

0.0%	0.0% #746A3C	RGB 116 106 60	#746A3C
16.7%	16.7% #857B42	RGB 133 123 66	#857B42
33.3%	33.3% #968D48	RGB 150 141 72	#968D48
50.0%	50.0% #A8A04E	RGB 168 160 78	#A8A04E
66.7%	66.7% #B9B353	RGB 185 179 83	#B9B353
83.3%	83.3% #CAC858	RGB 202 200 88	#CAC858
100.0%	100.0% #DBDC5C	RGB 219 220 92	#DBDC5C

#746A3C #857B42 #968D48 #A8A04E #B9B353 #CAC858 #DBDC5C

#746A3C - #A8A04E - #DBDC5C

CSS codes

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

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