#5E6E6C - #8AB17D | 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 #5E6E6C to #8AB17D

#5E6E6C #8AB17D

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

#5E6E6C - #8AB17D | 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 #5E6E6C as 0% and #8AB17D as 100%.

0.0%	0.0% #5E6E6C	RGB 94 110 108	#5E6E6C
16.7%	16.7% #65796E	RGB 101 121 110	#65796E
33.3%	33.3% #6C8471	RGB 108 132 113	#6C8471
50.0%	50.0% #748F74	RGB 116 143 116	#748F74
66.7%	66.7% #7B9A77	RGB 123 154 119	#7B9A77
83.3%	83.3% #82A57A	RGB 130 165 122	#82A57A
100.0%	100.0% #8AB17D	RGB 138 177 125	#8AB17D

#5E6E6C #65796E #6C8471 #748F74 #7B9A77 #82A57A #8AB17D

#5E6E6C - #8AB17D

HSV Blend

#5E6E6C - #8AB17D | 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 #5E6E6C as 0% and #8AB17D as 100%.

0.0%	0.0% #5E6E6C	RGB 94 110 108	#5E6E6C
16.7%	16.7% #647972	RGB 100 121 114	#647972
33.3%	33.3% #6A8477	RGB 106 132 119	#6A8477
50.0%	50.0% #6F8F79	RGB 111 143 121	#6F8F79
66.7%	66.7% #749A79	RGB 116 154 121	#749A79
83.3%	83.3% #7CA579	RGB 124 165 121	#7CA579
100.0%	100.0% #8AB17D	RGB 138 177 125	#8AB17D

#5E6E6C #647972 #6A8477 #6F8F79 #749A79 #7CA579 #8AB17D

#5E6E6C - #6F8F79 - #8AB17D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6E6C 0%, #6F8F79 50%, #8AB17D 100%);
    background: -webkit-linear-gradient(top, #5E6E6C 0%, #6F8F79 50%, #8AB17D 100%);
    background: linear-gradient(to bottom, #5E6E6C 0%, #6F8F79 50%, #8AB17D 100%);
}
</style>