#5E5B2B - #C2C64C | 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 #5E5B2B to #C2C64C

#5E5B2B #C2C64C

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

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

0.0%	0.0% #5E5B2B	RGB 94 91 43	#5E5B2B
16.7%	16.7% #6E6C30	RGB 110 108 48	#6E6C30
33.3%	33.3% #7F7E36	RGB 127 126 54	#7F7E36
50.0%	50.0% #90903B	RGB 144 144 59	#90903B
66.7%	66.7% #A0A241	RGB 160 162 65	#A0A241
83.3%	83.3% #B1B446	RGB 177 180 70	#B1B446
100.0%	100.0% #C2C64C	RGB 194 198 76	#C2C64C

#5E5B2B #6E6C30 #7F7E36 #90903B #A0A241 #B1B446 #C2C64C

#5E5B2B - #C2C64C

HSV Blend

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

0.0%	0.0% #5E5B2B	RGB 94 91 43	#5E5B2B
16.7%	16.7% #6F6C31	RGB 111 108 49	#6F6C31
33.3%	33.3% #807E37	RGB 128 126 55	#807E37
50.0%	50.0% #92903D	RGB 146 144 61	#92903D
66.7%	66.7% #A3A342	RGB 163 163 66	#A3A342
83.3%	83.3% #B2B447	RGB 178 180 71	#B2B447
100.0%	100.0% #C2C64C	RGB 194 198 76	#C2C64C

#5E5B2B #6F6C31 #807E37 #92903D #A3A342 #B2B447 #C2C64C

#5E5B2B - #92903D - #C2C64C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5B2B 0%, #92903D 50%, #C2C64C 100%);
    background: -webkit-linear-gradient(top, #5E5B2B 0%, #92903D 50%, #C2C64C 100%);
    background: linear-gradient(to bottom, #5E5B2B 0%, #92903D 50%, #C2C64C 100%);
}
</style>