#009FD2 - #98EFE2 | 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 #009FD2 to #98EFE2

#009FD2 #98EFE2

Calculate the color between two colors, #009FD2 and #98EFE2. 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)

#009FD2 - #98EFE2 | 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 #009FD2 as 0% and #98EFE2 as 100%.

0.0%	0.0% #009FD2	RGB 0 159 210	#009FD2
16.7%	16.7% #19ACD4	RGB 25 172 212	#19ACD4
33.3%	33.3% #32B9D7	RGB 50 185 215	#32B9D7
50.0%	50.0% #4CC7DA	RGB 76 199 218	#4CC7DA
66.7%	66.7% #65D4DC	RGB 101 212 220	#65D4DC
83.3%	83.3% #7EE1DF	RGB 126 225 223	#7EE1DF
100.0%	100.0% #98EFE2	RGB 152 239 226	#98EFE2

#009FD2 #19ACD4 #32B9D7 #4CC7DA #65D4DC #7EE1DF #98EFE2

#009FD2 - #98EFE2

HSV Blend

#009FD2 - #98EFE2 | 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 #009FD2 as 0% and #98EFE2 as 100%.

0.0%	0.0% #009ED2	RGB 0 158 210	#009ED2
16.7%	16.7% #16B4D6	RGB 22 180 214	#16B4D6
33.3%	33.3% #2EC8DB	RGB 46 200 219	#2EC8DB
50.0%	50.0% #47D9E0	RGB 71 217 224	#47D9E0
66.7%	66.7% #61E5E2	RGB 97 229 226	#61E5E2
83.3%	83.3% #7CEAE0	RGB 124 234 224	#7CEAE0
100.0%	100.0% #98EFE2	RGB 152 239 226	#98EFE2

#009ED2 #16B4D6 #2EC8DB #47D9E0 #61E5E2 #7CEAE0 #98EFE2

#009FD2 - #47D9E0 - #98EFE2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #009ED2 0%, #47D9E0 50%, #98EFE2 100%);
    background: -webkit-linear-gradient(top, #009ED2 0%, #47D9E0 50%, #98EFE2 100%);
    background: linear-gradient(to bottom, #009ED2 0%, #47D9E0 50%, #98EFE2 100%);
}
</style>