#5C5E5E - #89D1DA | 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 #5C5E5E to #89D1DA

#5C5E5E #89D1DA

Calculate the color between two colors, #5C5E5E and #89D1DA. 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)

#5C5E5E - #89D1DA | 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 #5C5E5E as 0% and #89D1DA as 100%.

0.0%	0.0% #5C5E5E	RGB 92 94 94	#5C5E5E
16.7%	16.7% #637172	RGB 99 113 114	#637172
33.3%	33.3% #6B8487	RGB 107 132 135	#6B8487
50.0%	50.0% #72979C	RGB 114 151 156	#72979C
66.7%	66.7% #7AAAB0	RGB 122 170 176	#7AAAB0
83.3%	83.3% #81BDC5	RGB 129 189 197	#81BDC5
100.0%	100.0% #89D1DA	RGB 137 209 218	#89D1DA

#5C5E5E #637172 #6B8487 #72979C #7AAAB0 #81BDC5 #89D1DA

#5C5E5E - #89D1DA

HSV Blend

#5C5E5E - #89D1DA | 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 #5C5E5E as 0% and #89D1DA as 100%.

0.0%	0.0% #5C5E5E	RGB 92 94 94	#5C5E5E
16.7%	16.7% #697272	RGB 105 114 114	#697272
33.3%	33.3% #748687	RGB 116 134 135	#748687
50.0%	50.0% #7D9A9C	RGB 125 154 156	#7D9A9C
66.7%	66.7% #83ADB0	RGB 131 173 176	#83ADB0
83.3%	83.3% #87BFC5	RGB 135 191 197	#87BFC5
100.0%	100.0% #89D1DA	RGB 137 209 218	#89D1DA

#5C5E5E #697272 #748687 #7D9A9C #83ADB0 #87BFC5 #89D1DA

#5C5E5E - #7D9A9C - #89D1DA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5C5E5E 0%, #7D9A9C 50%, #89D1DA 100%);
    background: -webkit-linear-gradient(top, #5C5E5E 0%, #7D9A9C 50%, #89D1DA 100%);
    background: linear-gradient(to bottom, #5C5E5E 0%, #7D9A9C 50%, #89D1DA 100%);
}
</style>