#70F9FF - #2AC5E7 | 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 #70F9FF to #2AC5E7

#70F9FF #2AC5E7

Calculate the color between two colors, #70F9FF and #2AC5E7. 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)

#70F9FF - #2AC5E7 | 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 #70F9FF as 0% and #2AC5E7 as 100%.

0.0%	0.0% #70F9FF	RGB 112 249 255	#70F9FF
16.7%	16.7% #64F0FB	RGB 100 240 251	#64F0FB
33.3%	33.3% #58E7F7	RGB 88 231 247	#58E7F7
50.0%	50.0% #4DDFF3	RGB 77 223 243	#4DDFF3
66.7%	66.7% #41D6EF	RGB 65 214 239	#41D6EF
83.3%	83.3% #35CDEB	RGB 53 205 235	#35CDEB
100.0%	100.0% #2AC5E7	RGB 42 197 231	#2AC5E7

#70F9FF #64F0FB #58E7F7 #4DDFF3 #41D6EF #35CDEB #2AC5E7

#70F9FF - #2AC5E7

HSV Blend

#70F9FF - #2AC5E7 | 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 #70F9FF as 0% and #2AC5E7 as 100%.

0.0%	0.0% #70F9FF	RGB 112 249 255	#70F9FF
16.7%	16.7% #63F1FB	RGB 99 241 251	#63F1FB
33.3%	33.3% #57E8F7	RGB 87 232 247	#57E8F7
50.0%	50.0% #4BE0F3	RGB 75 224 243	#4BE0F3
66.7%	66.7% #3FD7EF	RGB 63 215 239	#3FD7EF
83.3%	83.3% #34CEEB	RGB 52 206 235	#34CEEB
100.0%	100.0% #2AC5E7	RGB 42 197 231	#2AC5E7

#70F9FF #63F1FB #57E8F7 #4BE0F3 #3FD7EF #34CEEB #2AC5E7

#70F9FF - #4BE0F3 - #2AC5E7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #70F9FF 0%, #4BE0F3 50%, #2AC5E7 100%);
    background: -webkit-linear-gradient(top, #70F9FF 0%, #4BE0F3 50%, #2AC5E7 100%);
    background: linear-gradient(to bottom, #70F9FF 0%, #4BE0F3 50%, #2AC5E7 100%);
}
</style>