#5E7BC1 - #98BADA | 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 #5E7BC1 to #98BADA

#5E7BC1 #98BADA

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

#5E7BC1 - #98BADA | 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 #5E7BC1 as 0% and #98BADA as 100%.

0.0%	0.0% #5E7BC1	RGB 94 123 193	#5E7BC1
16.7%	16.7% #6785C5	RGB 103 133 197	#6785C5
33.3%	33.3% #7190C9	RGB 113 144 201	#7190C9
50.0%	50.0% #7B9ACD	RGB 123 154 205	#7B9ACD
66.7%	66.7% #84A5D1	RGB 132 165 209	#84A5D1
83.3%	83.3% #8EAFD5	RGB 142 175 213	#8EAFD5
100.0%	100.0% #98BADA	RGB 152 186 218	#98BADA

#5E7BC1 #6785C5 #7190C9 #7B9ACD #84A5D1 #8EAFD5 #98BADA

#5E7BC1 - #98BADA

HSV Blend

#5E7BC1 - #98BADA | 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 #5E7BC1 as 0% and #98BADA as 100%.

0.0%	0.0% #5E7BC1	RGB 94 123 193	#5E7BC1
16.7%	16.7% #6686C5	RGB 102 134 197	#6686C5
33.3%	33.3% #7090C9	RGB 112 144 201	#7090C9
50.0%	50.0% #799BCD	RGB 121 155 205	#799BCD
66.7%	66.7% #83A5D1	RGB 131 165 209	#83A5D1
83.3%	83.3% #8DB0D5	RGB 141 176 213	#8DB0D5
100.0%	100.0% #98BADA	RGB 152 186 218	#98BADA

#5E7BC1 #6686C5 #7090C9 #799BCD #83A5D1 #8DB0D5 #98BADA

#5E7BC1 - #799BCD - #98BADA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E7BC1 0%, #799BCD 50%, #98BADA 100%);
    background: -webkit-linear-gradient(top, #5E7BC1 0%, #799BCD 50%, #98BADA 100%);
    background: linear-gradient(to bottom, #5E7BC1 0%, #799BCD 50%, #98BADA 100%);
}
</style>