#5E786B - #AFB982 | 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 #5E786B to #AFB982

#5E786B #AFB982

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

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

0.0%	0.0% #5E786B	RGB 94 120 107	#5E786B
16.7%	16.7% #6B826E	RGB 107 130 110	#6B826E
33.3%	33.3% #798D72	RGB 121 141 114	#798D72
50.0%	50.0% #869876	RGB 134 152 118	#869876
66.7%	66.7% #94A37A	RGB 148 163 122	#94A37A
83.3%	83.3% #A1AE7E	RGB 161 174 126	#A1AE7E
100.0%	100.0% #AFB982	RGB 175 185 130	#AFB982

#5E786B #6B826E #798D72 #869876 #94A37A #A1AE7E #AFB982

#5E786B - #AFB982

HSV Blend

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

0.0%	0.0% #5E786B	RGB 94 120 107	#5E786B
16.7%	16.7% #64826D	RGB 100 130 109	#64826D
33.3%	33.3% #6B8D6D	RGB 107 141 109	#6B8D6D
50.0%	50.0% #779871	RGB 119 152 113	#779871
66.7%	66.7% #87A377	RGB 135 163 119	#87A377
83.3%	83.3% #9AAE7C	RGB 154 174 124	#9AAE7C
100.0%	100.0% #AFB982	RGB 175 185 130	#AFB982

#5E786B #64826D #6B8D6D #779871 #87A377 #9AAE7C #AFB982

#5E786B - #779871 - #AFB982

CSS codes

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

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