#00F2FD - #E4FFCA | 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 #00F2FD to #E4FFCA

#00F2FD #E4FFCA

Calculate the color between two colors, #00F2FD and #E4FFCA. 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)

#00F2FD - #E4FFCA | 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 #00F2FD as 0% and #E4FFCA as 100%.

0.0%	0.0% #00F2FD	RGB 0 242 253	#00F2FD
16.7%	16.7% #26F4F4	RGB 38 244 244	#26F4F4
33.3%	33.3% #4CF6EC	RGB 76 246 236	#4CF6EC
50.0%	50.0% #72F8E3	RGB 114 248 227	#72F8E3
66.7%	66.7% #98FADB	RGB 152 250 219	#98FADB
83.3%	83.3% #BEFCD2	RGB 190 252 210	#BEFCD2
100.0%	100.0% #E4FFCA	RGB 228 255 202	#E4FFCA

#00F2FD #26F4F4 #4CF6EC #72F8E3 #98FADB #BEFCD2 #E4FFCA

#00F2FD - #E4FFCA

HSV Blend

#00F2FD - #E4FFCA | 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 #00F2FD as 0% and #E4FFCA as 100%.

0.0%	0.0% #00F2FD	RGB 0 242 253	#00F2FD
16.7%	16.7% #21FDCE	RGB 33 253 206	#21FDCE
33.3%	33.3% #42FDA6	RGB 66 253 166	#42FDA6
50.0%	50.0% #64FE8F	RGB 100 254 143	#64FE8F
66.7%	66.7% #86FE88	RGB 134 254 136	#86FE88
83.3%	83.3% #BCFEA8	RGB 188 254 168	#BCFEA8
100.0%	100.0% #E4FFCA	RGB 228 255 202	#E4FFCA

#00F2FD #21FDCE #42FDA6 #64FE8F #86FE88 #BCFEA8 #E4FFCA

#00F2FD - #64FE8F - #E4FFCA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00F2FD 0%, #64FE8F 50%, #E4FFCA 100%);
    background: -webkit-linear-gradient(top, #00F2FD 0%, #64FE8F 50%, #E4FFCA 100%);
    background: linear-gradient(to bottom, #00F2FD 0%, #64FE8F 50%, #E4FFCA 100%);
}
</style>