#5E98C1 - #98CDDA | 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 #5E98C1 to #98CDDA

#5E98C1 #98CDDA

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

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

0.0%	0.0% #5E98C1	RGB 94 152 193	#5E98C1
16.7%	16.7% #67A0C5	RGB 103 160 197	#67A0C5
33.3%	33.3% #71A9C9	RGB 113 169 201	#71A9C9
50.0%	50.0% #7BB2CD	RGB 123 178 205	#7BB2CD
66.7%	66.7% #84BBD1	RGB 132 187 209	#84BBD1
83.3%	83.3% #8EC4D5	RGB 142 196 213	#8EC4D5
100.0%	100.0% #98CDDA	RGB 152 205 218	#98CDDA

#5E98C1 #67A0C5 #71A9C9 #7BB2CD #84BBD1 #8EC4D5 #98CDDA

#5E98C1 - #98CDDA

HSV Blend

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

0.0%	0.0% #5E98C1	RGB 94 152 193	#5E98C1
16.7%	16.7% #66A1C5	RGB 102 161 197	#66A1C5
33.3%	33.3% #70AAC9	RGB 112 170 201	#70AAC9
50.0%	50.0% #79B3CD	RGB 121 179 205	#79B3CD
66.7%	66.7% #83BCD1	RGB 131 188 209	#83BCD1
83.3%	83.3% #8DC4D5	RGB 141 196 213	#8DC4D5
100.0%	100.0% #98CDDA	RGB 152 205 218	#98CDDA

#5E98C1 #66A1C5 #70AAC9 #79B3CD #83BCD1 #8DC4D5 #98CDDA

#5E98C1 - #79B3CD - #98CDDA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E98C1 0%, #79B3CD 50%, #98CDDA 100%);
    background: -webkit-linear-gradient(top, #5E98C1 0%, #79B3CD 50%, #98CDDA 100%);
    background: linear-gradient(to bottom, #5E98C1 0%, #79B3CD 50%, #98CDDA 100%);
}
</style>