#5E748B - #82DCEA | 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 #5E748B to #82DCEA

#5E748B #82DCEA

Calculate the color between two colors, #5E748B and #82DCEA. 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)

#5E748B - #82DCEA | 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 #5E748B as 0% and #82DCEA as 100%.

0.0%	0.0% #5E748B	RGB 94 116 139	#5E748B
16.7%	16.7% #64859A	RGB 100 133 154	#64859A
33.3%	33.3% #6A96AA	RGB 106 150 170	#6A96AA
50.0%	50.0% #70A8BA	RGB 112 168 186	#70A8BA
66.7%	66.7% #76B9CA	RGB 118 185 202	#76B9CA
83.3%	83.3% #7CCADA	RGB 124 202 218	#7CCADA
100.0%	100.0% #82DCEA	RGB 130 220 234	#82DCEA

#5E748B #64859A #6A96AA #70A8BA #76B9CA #7CCADA #82DCEA

#5E748B - #82DCEA

HSV Blend

#5E748B - #82DCEA | 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 #5E748B as 0% and #82DCEA as 100%.

0.0%	0.0% #5E748B	RGB 94 116 139	#5E748B
16.7%	16.7% #65829A	RGB 101 130 154	#65829A
33.3%	33.3% #6C92AA	RGB 108 146 170	#6C92AA
50.0%	50.0% #72A3BA	RGB 114 163 186	#72A3BA
66.7%	66.7% #78B5CA	RGB 120 181 202	#78B5CA
83.3%	83.3% #7DC7DA	RGB 125 199 218	#7DC7DA
100.0%	100.0% #82DCEA	RGB 130 220 234	#82DCEA

#5E748B #65829A #6C92AA #72A3BA #78B5CA #7DC7DA #82DCEA

#5E748B - #72A3BA - #82DCEA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E748B 0%, #72A3BA 50%, #82DCEA 100%);
    background: -webkit-linear-gradient(top, #5E748B 0%, #72A3BA 50%, #82DCEA 100%);
    background: linear-gradient(to bottom, #5E748B 0%, #72A3BA 50%, #82DCEA 100%);
}
</style>