#5E6B65 - #163A30 | 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 #5E6B65 to #163A30

#5E6B65 #163A30

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

#5E6B65 - #163A30 | 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 #5E6B65 as 0% and #163A30 as 100%.

0.0%	0.0% #5E6B65	RGB 94 107 101	#5E6B65
16.7%	16.7% #52625C	RGB 82 98 92	#52625C
33.3%	33.3% #465A53	RGB 70 90 83	#465A53
50.0%	50.0% #3A524A	RGB 58 82 74	#3A524A
66.7%	66.7% #2E4A41	RGB 46 74 65	#2E4A41
83.3%	83.3% #224238	RGB 34 66 56	#224238
100.0%	100.0% #163A30	RGB 22 58 48	#163A30

#5E6B65 #52625C #465A53 #3A524A #2E4A41 #224238 #163A30

#5E6B65 - #163A30

HSV Blend

#5E6B65 - #163A30 | 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 #5E6B65 as 0% and #163A30 as 100%.

0.0%	0.0% #5E6B65	RGB 94 107 101	#5E6B65
16.7%	16.7% #4E625A	RGB 78 98 90	#4E625A
33.3%	33.3% #405A50	RGB 64 90 80	#405A50
50.0%	50.0% #335247	RGB 51 82 71	#335247
66.7%	66.7% #284A3E	RGB 40 74 62	#284A3E
83.3%	83.3% #1E4237	RGB 30 66 55	#1E4237
100.0%	100.0% #163A30	RGB 22 58 48	#163A30

#5E6B65 #4E625A #405A50 #335247 #284A3E #1E4237 #163A30

#5E6B65 - #335247 - #163A30

CSS codes

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

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