#5E6A41 - #CCB468 | 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 #5E6A41 to #CCB468

#5E6A41 #CCB468

Calculate the color between two colors, #5E6A41 and #CCB468. 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)

#5E6A41 - #CCB468 | 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 #5E6A41 as 0% and #CCB468 as 100%.

0.0%	0.0% #5E6A41	RGB 94 106 65	#5E6A41
16.7%	16.7% #707647	RGB 112 118 71	#707647
33.3%	33.3% #82824E	RGB 130 130 78	#82824E
50.0%	50.0% #958F54	RGB 149 143 84	#958F54
66.7%	66.7% #A79B5B	RGB 167 155 91	#A79B5B
83.3%	83.3% #B9A761	RGB 185 167 97	#B9A761
100.0%	100.0% #CCB468	RGB 204 180 104	#CCB468

#5E6A41 #707647 #82824E #958F54 #A79B5B #B9A761 #CCB468

#5E6A41 - #CCB468

HSV Blend

#5E6A41 - #CCB468 | 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 #5E6A41 as 0% and #CCB468 as 100%.

0.0%	0.0% #5E6A41	RGB 94 106 65	#5E6A41
16.7%	16.7% #707A48	RGB 112 122 72	#707A48
33.3%	33.3% #838A50	RGB 131 138 80	#838A50
50.0%	50.0% #999B57	RGB 153 155 87	#999B57
66.7%	66.7% #ABA65D	RGB 171 166 93	#ABA65D
83.3%	83.3% #BBAE62	RGB 187 174 98	#BBAE62
100.0%	100.0% #CCB468	RGB 204 180 104	#CCB468

#5E6A41 #707A48 #838A50 #999B57 #ABA65D #BBAE62 #CCB468

#5E6A41 - #999B57 - #CCB468

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6A41 0%, #999B57 50%, #CCB468 100%);
    background: -webkit-linear-gradient(top, #5E6A41 0%, #999B57 50%, #CCB468 100%);
    background: linear-gradient(to bottom, #5E6A41 0%, #999B57 50%, #CCB468 100%);
}
</style>