#5E95A2 - #7EC0F8 | 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 #5E95A2 to #7EC0F8

#5E95A2 #7EC0F8

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

#5E95A2 - #7EC0F8 | 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 #5E95A2 as 0% and #7EC0F8 as 100%.

0.0%	0.0% #5E95A2	RGB 94 149 162	#5E95A2
16.7%	16.7% #639CB0	RGB 99 156 176	#639CB0
33.3%	33.3% #68A3BE	RGB 104 163 190	#68A3BE
50.0%	50.0% #6EAACD	RGB 110 170 205	#6EAACD
66.7%	66.7% #73B1DB	RGB 115 177 219	#73B1DB
83.3%	83.3% #78B8E9	RGB 120 184 233	#78B8E9
100.0%	100.0% #7EC0F8	RGB 126 192 248	#7EC0F8

#5E95A2 #639CB0 #68A3BE #6EAACD #73B1DB #78B8E9 #7EC0F8

#5E95A2 - #7EC0F8

HSV Blend

#5E95A2 - #7EC0F8 | 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 #5E95A2 as 0% and #7EC0F8 as 100%.

0.0%	0.0% #5E95A2	RGB 94 149 162	#5E95A2
16.7%	16.7% #649EB0	RGB 100 158 176	#649EB0
33.3%	33.3% #6AA6BE	RGB 106 166 190	#6AA6BE
50.0%	50.0% #6FAECD	RGB 111 174 205	#6FAECD
66.7%	66.7% #74B5DB	RGB 116 181 219	#74B5DB
83.3%	83.3% #79BBE9	RGB 121 187 233	#79BBE9
100.0%	100.0% #7EC0F8	RGB 126 192 248	#7EC0F8

#5E95A2 #649EB0 #6AA6BE #6FAECD #74B5DB #79BBE9 #7EC0F8

#5E95A2 - #6FAECD - #7EC0F8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E95A2 0%, #6FAECD 50%, #7EC0F8 100%);
    background: -webkit-linear-gradient(top, #5E95A2 0%, #6FAECD 50%, #7EC0F8 100%);
    background: linear-gradient(to bottom, #5E95A2 0%, #6FAECD 50%, #7EC0F8 100%);
}
</style>