#5C6B5E - #80E293 | 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 #5C6B5E to #80E293

#5C6B5E #80E293

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

#5C6B5E - #80E293 | 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 #5C6B5E as 0% and #80E293 as 100%.

0.0%	0.0% #5C6B5E	RGB 92 107 94	#5C6B5E
16.7%	16.7% #627E66	RGB 98 126 102	#627E66
33.3%	33.3% #68926F	RGB 104 146 111	#68926F
50.0%	50.0% #6EA678	RGB 110 166 120	#6EA678
66.7%	66.7% #74BA81	RGB 116 186 129	#74BA81
83.3%	83.3% #7ACE8A	RGB 122 206 138	#7ACE8A
100.0%	100.0% #80E293	RGB 128 226 147	#80E293

#5C6B5E #627E66 #68926F #6EA678 #74BA81 #7ACE8A #80E293

#5C6B5E - #80E293

HSV Blend

#5C6B5E - #80E293 | 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 #5C6B5E as 0% and #80E293 as 100%.

0.0%	0.0% #5C6B5E	RGB 92 107 94	#5C6B5E
16.7%	16.7% #667E6A	RGB 102 126 106	#667E6A
33.3%	33.3% #6F9275	RGB 111 146 117	#6F9275
50.0%	50.0% #76A67E	RGB 118 166 126	#76A67E
66.7%	66.7% #7BBA86	RGB 123 186 134	#7BBA86
83.3%	83.3% #7ECE8D	RGB 126 206 141	#7ECE8D
100.0%	100.0% #80E293	RGB 128 226 147	#80E293

#5C6B5E #667E6A #6F9275 #76A67E #7BBA86 #7ECE8D #80E293

#5C6B5E - #76A67E - #80E293

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5C6B5E 0%, #76A67E 50%, #80E293 100%);
    background: -webkit-linear-gradient(top, #5C6B5E 0%, #76A67E 50%, #80E293 100%);
    background: linear-gradient(to bottom, #5C6B5E 0%, #76A67E 50%, #80E293 100%);
}
</style>