#94B670 - #508725 | 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 #94B670 to #508725

#94B670 #508725

Calculate the color between two colors, #94B670 and #508725. 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)

#94B670 - #508725 | 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 #94B670 as 0% and #508725 as 100%.

0.0%	0.0% #94B670	RGB 148 182 112	#94B670
16.7%	16.7% #88AE63	RGB 136 174 99	#88AE63
33.3%	33.3% #7DA657	RGB 125 166 87	#7DA657
50.0%	50.0% #729E4A	RGB 114 158 74	#729E4A
66.7%	66.7% #66963E	RGB 102 150 62	#66963E
83.3%	83.3% #5B8E31	RGB 91 142 49	#5B8E31
100.0%	100.0% #508725	RGB 80 135 37	#508725

#94B670 #88AE63 #7DA657 #729E4A #66963E #5B8E31 #508725

#94B670 - #508725

HSV Blend

#94B670 - #508725 | 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 #94B670 as 0% and #508725 as 100%.

0.0%	0.0% #94B670	RGB 148 182 112	#94B670
16.7%	16.7% #87AE61	RGB 135 174 97	#87AE61
33.3%	33.3% #7BA653	RGB 123 166 83	#7BA653
50.0%	50.0% #709E46	RGB 112 158 70	#709E46
66.7%	66.7% #65963A	RGB 101 150 58	#65963A
83.3%	83.3% #5A8E2F	RGB 90 142 47	#5A8E2F
100.0%	100.0% #508725	RGB 80 135 37	#508725

#94B670 #87AE61 #7BA653 #709E46 #65963A #5A8E2F #508725

#94B670 - #709E46 - #508725

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #94B670 0%, #709E46 50%, #508725 100%);
    background: -webkit-linear-gradient(top, #94B670 0%, #709E46 50%, #508725 100%);
    background: linear-gradient(to bottom, #94B670 0%, #709E46 50%, #508725 100%);
}
</style>