#FF96FE - #ECFFFF | 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 #FF96FE to #ECFFFF

#FF96FE #ECFFFF

Calculate the color between two colors, #FF96FE and #ECFFFF. 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)

#FF96FE - #ECFFFF | 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 #FF96FE as 0% and #ECFFFF as 100%.

0.0%	0.0% #FF96FE	RGB 255 150 254	#FF96FE
16.7%	16.7% #FBA7FE	RGB 251 167 254	#FBA7FE
33.3%	33.3% #F8B9FE	RGB 248 185 254	#F8B9FE
50.0%	50.0% #F5CAFE	RGB 245 202 254	#F5CAFE
66.7%	66.7% #F2DCFE	RGB 242 220 254	#F2DCFE
83.3%	83.3% #EFEDFE	RGB 239 237 254	#EFEDFE
100.0%	100.0% #ECFFFF	RGB 236 255 255	#ECFFFF

#FF96FE #FBA7FE #F8B9FE #F5CAFE #F2DCFE #EFEDFE #ECFFFF

#FF96FE - #ECFFFF

HSV Blend

#FF96FE - #ECFFFF | 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 #FF96FE as 0% and #ECFFFF as 100%.

0.0%	0.0% #FF96FE	RGB 255 150 254	#FF96FE
16.7%	16.7% #E1A4FF	RGB 225 164 255	#E1A4FF
33.3%	33.3% #CCB2FF	RGB 204 178 255	#CCB2FF
50.0%	50.0% #C1C1FF	RGB 193 193 255	#C1C1FF
66.7%	66.7% #CFDFFF	RGB 207 223 255	#CFDFFF
83.3%	83.3% #DDF3FF	RGB 221 243 255	#DDF3FF
100.0%	100.0% #ECFFFF	RGB 236 255 255	#ECFFFF

#FF96FE #E1A4FF #CCB2FF #C1C1FF #CFDFFF #DDF3FF #ECFFFF

#FF96FE - #C1C1FF - #ECFFFF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #FF96FE 0%, #C1C1FF 50%, #ECFFFF 100%);
    background: -webkit-linear-gradient(top, #FF96FE 0%, #C1C1FF 50%, #ECFFFF 100%);
    background: linear-gradient(to bottom, #FF96FE 0%, #C1C1FF 50%, #ECFFFF 100%);
}
</style>