#5E76A8 - #7BADFF | 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 #5E76A8 to #7BADFF

#5E76A8 #7BADFF

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

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

0.0%	0.0% #5E76A8	RGB 94 118 168	#5E76A8
16.7%	16.7% #627FB6	RGB 98 127 182	#627FB6
33.3%	33.3% #6788C5	RGB 103 136 197	#6788C5
50.0%	50.0% #6C91D3	RGB 108 145 211	#6C91D3
66.7%	66.7% #719AE2	RGB 113 154 226	#719AE2
83.3%	83.3% #76A3F0	RGB 118 163 240	#76A3F0
100.0%	100.0% #7BADFF	RGB 123 173 255	#7BADFF

#5E76A8 #627FB6 #6788C5 #6C91D3 #719AE2 #76A3F0 #7BADFF

#5E76A8 - #7BADFF

HSV Blend

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

0.0%	0.0% #5E76A8	RGB 94 118 168	#5E76A8
16.7%	16.7% #637FB6	RGB 99 127 182	#637FB6
33.3%	33.3% #6988C5	RGB 105 136 197	#6988C5
50.0%	50.0% #6E91D3	RGB 110 145 211	#6E91D3
66.7%	66.7% #729AE2	RGB 114 154 226	#729AE2
83.3%	83.3% #77A3F0	RGB 119 163 240	#77A3F0
100.0%	100.0% #7BADFF	RGB 123 173 255	#7BADFF

#5E76A8 #637FB6 #6988C5 #6E91D3 #729AE2 #77A3F0 #7BADFF

#5E76A8 - #6E91D3 - #7BADFF

CSS codes

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

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