#5E8462 - #C0C680 | 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 #5E8462 to #C0C680

#5E8462 #C0C680

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

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

0.0%	0.0% #5E8462	RGB 94 132 98	#5E8462
16.7%	16.7% #6E8F67	RGB 110 143 103	#6E8F67
33.3%	33.3% #7E9A6C	RGB 126 154 108	#7E9A6C
50.0%	50.0% #8FA571	RGB 143 165 113	#8FA571
66.7%	66.7% #9FB076	RGB 159 176 118	#9FB076
83.3%	83.3% #AFBB7B	RGB 175 187 123	#AFBB7B
100.0%	100.0% #C0C680	RGB 192 198 128	#C0C680

#5E8462 #6E8F67 #7E9A6C #8FA571 #9FB076 #AFBB7B #C0C680

#5E8462 - #C0C680

HSV Blend

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

0.0%	0.0% #5E8462	RGB 94 132 98	#5E8462
16.7%	16.7% #678F64	RGB 103 143 100	#678F64
33.3%	33.3% #759A6A	RGB 117 154 106	#759A6A
50.0%	50.0% #85A570	RGB 133 165 112	#85A570
66.7%	66.7% #97B075	RGB 151 176 117	#97B075
83.3%	83.3% #AABB7A	RGB 170 187 122	#AABB7A
100.0%	100.0% #C0C680	RGB 192 198 128	#C0C680

#5E8462 #678F64 #759A6A #85A570 #97B075 #AABB7A #C0C680

#5E8462 - #85A570 - #C0C680

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E8462 0%, #85A570 50%, #C0C680 100%);
    background: -webkit-linear-gradient(top, #5E8462 0%, #85A570 50%, #C0C680 100%);
    background: linear-gradient(to bottom, #5E8462 0%, #85A570 50%, #C0C680 100%);
}
</style>