#5E9FAB - #7EA9FB | 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 #5E9FAB to #7EA9FB

#5E9FAB #7EA9FB

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

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

0.0%	0.0% #5E9FAB	RGB 94 159 171	#5E9FAB
16.7%	16.7% #63A0B8	RGB 99 160 184	#63A0B8
33.3%	33.3% #68A2C5	RGB 104 162 197	#68A2C5
50.0%	50.0% #6EA4D3	RGB 110 164 211	#6EA4D3
66.7%	66.7% #73A5E0	RGB 115 165 224	#73A5E0
83.3%	83.3% #78A7ED	RGB 120 167 237	#78A7ED
100.0%	100.0% #7EA9FB	RGB 126 169 251	#7EA9FB

#5E9FAB #63A0B8 #68A2C5 #6EA4D3 #73A5E0 #78A7ED #7EA9FB

#5E9FAB - #7EA9FB

HSV Blend

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

0.0%	0.0% #5E9FAB	RGB 94 159 171	#5E9FAB
16.7%	16.7% #63A4B8	RGB 99 164 184	#63A4B8
33.3%	33.3% #69A7C5	RGB 105 167 197	#69A7C5
50.0%	50.0% #6EAAD3	RGB 110 170 211	#6EAAD3
66.7%	66.7% #74ABE0	RGB 116 171 224	#74ABE0
83.3%	83.3% #79AAED	RGB 121 170 237	#79AAED
100.0%	100.0% #7EA9FB	RGB 126 169 251	#7EA9FB

#5E9FAB #63A4B8 #69A7C5 #6EAAD3 #74ABE0 #79AAED #7EA9FB

#5E9FAB - #6EAAD3 - #7EA9FB

CSS codes

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

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