#5E5858 - #85ADB8 | 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 #5E5858 to #85ADB8

#5E5858 #85ADB8

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

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

0.0%	0.0% #5E5858	RGB 94 88 88	#5E5858
16.7%	16.7% #646668	RGB 100 102 104	#646668
33.3%	33.3% #6B7478	RGB 107 116 120	#6B7478
50.0%	50.0% #718288	RGB 113 130 136	#718288
66.7%	66.7% #789098	RGB 120 144 152	#789098
83.3%	83.3% #7E9EA8	RGB 126 158 168	#7E9EA8
100.0%	100.0% #85ADB8	RGB 133 173 184	#85ADB8

#5E5858 #646668 #6B7478 #718288 #789098 #7E9EA8 #85ADB8

#5E5858 - #85ADB8

HSV Blend

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

0.0%	0.0% #5E5858	RGB 94 88 88	#5E5858
16.7%	16.7% #6D6267	RGB 109 98 103	#6D6267
33.3%	33.3% #7C6B7A	RGB 124 107 122	#7C6B7A
50.0%	50.0% #81738B	RGB 129 115 139	#81738B
66.7%	66.7% #7E7A9A	RGB 126 122 154	#7E7A9A
83.3%	83.3% #808DA9	RGB 128 141 169	#808DA9
100.0%	100.0% #85ADB8	RGB 133 173 184	#85ADB8

#5E5858 #6D6267 #7C6B7A #81738B #7E7A9A #808DA9 #85ADB8

#5E5858 - #81738B - #85ADB8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5858 0%, #81738B 50%, #85ADB8 100%);
    background: -webkit-linear-gradient(top, #5E5858 0%, #81738B 50%, #85ADB8 100%);
    background: linear-gradient(to bottom, #5E5858 0%, #81738B 50%, #85ADB8 100%);
}
</style>