#5E6660 - #105E42 | 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 #5E6660 to #105E42

#5E6660 #105E42

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

#5E6660 - #105E42 | 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 #5E6660 as 0% and #105E42 as 100%.

0.0%	0.0% #5E6660	RGB 94 102 96	#5E6660
16.7%	16.7% #51645B	RGB 81 100 91	#51645B
33.3%	33.3% #446356	RGB 68 99 86	#446356
50.0%	50.0% #376251	RGB 55 98 81	#376251
66.7%	66.7% #2A604C	RGB 42 96 76	#2A604C
83.3%	83.3% #1D5F47	RGB 29 95 71	#1D5F47
100.0%	100.0% #105E42	RGB 16 94 66	#105E42

#5E6660 #51645B #446356 #376251 #2A604C #1D5F47 #105E42

#5E6660 - #105E42

HSV Blend

#5E6660 - #105E42 | 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 #5E6660 as 0% and #105E42 as 100%.

0.0%	0.0% #5E6660	RGB 94 102 96	#5E6660
16.7%	16.7% #506456	RGB 80 100 86	#506456
33.3%	33.3% #42634F	RGB 66 99 79	#42634F
50.0%	50.0% #356249	RGB 53 98 73	#356249
66.7%	66.7% #286045	RGB 40 96 69	#286045
83.3%	83.3% #1C5F42	RGB 28 95 66	#1C5F42
100.0%	100.0% #105E42	RGB 16 94 66	#105E42

#5E6660 #506456 #42634F #356249 #286045 #1C5F42 #105E42

#5E6660 - #356249 - #105E42

CSS codes

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

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