#717B5E - #302E1E | 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 #717B5E to #302E1E

#717B5E #302E1E

Calculate the color between two colors, #717B5E and #302E1E. 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)

#717B5E - #302E1E | 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 #717B5E as 0% and #302E1E as 100%.

0.0%	0.0% #717B5E	RGB 113 123 94	#717B5E
16.7%	16.7% #666E53	RGB 102 110 83	#666E53
33.3%	33.3% #5B6148	RGB 91 97 72	#5B6148
50.0%	50.0% #50543E	RGB 80 84 62	#50543E
66.7%	66.7% #454733	RGB 69 71 51	#454733
83.3%	83.3% #3A3A28	RGB 58 58 40	#3A3A28
100.0%	100.0% #302E1E	RGB 48 46 30	#302E1E

#717B5E #666E53 #5B6148 #50543E #454733 #3A3A28 #302E1E

#717B5E - #302E1E

HSV Blend

#717B5E - #302E1E | 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 #717B5E as 0% and #302E1E as 100%.

0.0%	0.0% #717B5E	RGB 113 123 94	#717B5E
16.7%	16.7% #666E51	RGB 102 110 81	#666E51
33.3%	33.3% #5C6246	RGB 92 98 70	#5C6246
50.0%	50.0% #52553B	RGB 82 85 59	#52553B
66.7%	66.7% #484931	RGB 72 73 49	#484931
83.3%	83.3% #3C3B27	RGB 60 59 39	#3C3B27
100.0%	100.0% #302E1E	RGB 48 46 30	#302E1E

#717B5E #666E51 #5C6246 #52553B #484931 #3C3B27 #302E1E

#717B5E - #52553B - #302E1E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #717B5E 0%, #52553B 50%, #302E1E 100%);
    background: -webkit-linear-gradient(top, #717B5E 0%, #52553B 50%, #302E1E 100%);
    background: linear-gradient(to bottom, #717B5E 0%, #52553B 50%, #302E1E 100%);
}
</style>