#5A5E4D - #85D89E | 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 #5A5E4D to #85D89E

#5A5E4D #85D89E

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

#5A5E4D - #85D89E | 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 #5A5E4D as 0% and #85D89E as 100%.

0.0%	0.0% #5A5E4D	RGB 90 94 77	#5A5E4D
16.7%	16.7% #61725A	RGB 97 114 90	#61725A
33.3%	33.3% #688668	RGB 104 134 104	#688668
50.0%	50.0% #6F9B75	RGB 111 155 117	#6F9B75
66.7%	66.7% #76AF83	RGB 118 175 131	#76AF83
83.3%	83.3% #7DC390	RGB 125 195 144	#7DC390
100.0%	100.0% #85D89E	RGB 133 216 158	#85D89E

#5A5E4D #61725A #688668 #6F9B75 #76AF83 #7DC390 #85D89E

#5A5E4D - #85D89E

HSV Blend

#5A5E4D - #85D89E | 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 #5A5E4D as 0% and #85D89E as 100%.

0.0%	0.0% #5A5E4D	RGB 90 94 77	#5A5E4D
16.7%	16.7% #687259	RGB 104 114 89	#687259
33.3%	33.3% #728665	RGB 114 134 101	#728665
50.0%	50.0% #799B6F	RGB 121 155 111	#799B6F
66.7%	66.7% #7AAF77	RGB 122 175 119	#7AAF77
83.3%	83.3% #7FC387	RGB 127 195 135	#7FC387
100.0%	100.0% #85D89E	RGB 133 216 158	#85D89E

#5A5E4D #687259 #728665 #799B6F #7AAF77 #7FC387 #85D89E

#5A5E4D - #799B6F - #85D89E

CSS codes

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

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