#5E6428 - #CCAD51 | 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 #5E6428 to #CCAD51

#5E6428 #CCAD51

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

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

0.0%	0.0% #5E6428	RGB 94 100 40	#5E6428
16.7%	16.7% #70702E	RGB 112 112 46	#70702E
33.3%	33.3% #827C35	RGB 130 124 53	#827C35
50.0%	50.0% #95883C	RGB 149 136 60	#95883C
66.7%	66.7% #A79443	RGB 167 148 67	#A79443
83.3%	83.3% #B9A04A	RGB 185 160 74	#B9A04A
100.0%	100.0% #CCAD51	RGB 204 173 81	#CCAD51

#5E6428 #70702E #827C35 #95883C #A79443 #B9A04A #CCAD51

#5E6428 - #CCAD51

HSV Blend

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

0.0%	0.0% #5E6428	RGB 94 100 40	#5E6428
16.7%	16.7% #72752E	RGB 114 117 46	#72752E
33.3%	33.3% #868535	RGB 134 133 53	#868535
50.0%	50.0% #98913C	RGB 152 145 60	#98913C
66.7%	66.7% #A99B43	RGB 169 155 67	#A99B43
83.3%	83.3% #BAA44A	RGB 186 164 74	#BAA44A
100.0%	100.0% #CCAD51	RGB 204 173 81	#CCAD51

#5E6428 #72752E #868535 #98913C #A99B43 #BAA44A #CCAD51

#5E6428 - #98913C - #CCAD51

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6428 0%, #98913C 50%, #CCAD51 100%);
    background: -webkit-linear-gradient(top, #5E6428 0%, #98913C 50%, #CCAD51 100%);
    background: linear-gradient(to bottom, #5E6428 0%, #98913C 50%, #CCAD51 100%);
}
</style>