#71B7FF - #EEFFED | 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 #71B7FF to #EEFFED

#71B7FF #EEFFED

Calculate the color between two colors, #71B7FF and #EEFFED. 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)

#71B7FF - #EEFFED | 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 #71B7FF as 0% and #EEFFED as 100%.

0.0%	0.0% #71B7FF	RGB 113 183 255	#71B7FF
16.7%	16.7% #85C3FC	RGB 133 195 252	#85C3FC
33.3%	33.3% #9ACFF9	RGB 154 207 249	#9ACFF9
50.0%	50.0% #AFDBF6	RGB 175 219 246	#AFDBF6
66.7%	66.7% #C4E7F3	RGB 196 231 243	#C4E7F3
83.3%	83.3% #D9F3F0	RGB 217 243 240	#D9F3F0
100.0%	100.0% #EEFFED	RGB 238 255 237	#EEFFED

#71B7FF #85C3FC #9ACFF9 #AFDBF6 #C4E7F3 #D9F3F0 #EEFFED

#71B7FF - #EEFFED

HSV Blend

#71B7FF - #EEFFED | 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 #71B7FF as 0% and #EEFFED as 100%.

0.0%	0.0% #71B7FF	RGB 113 183 255	#71B7FF
16.7%	16.7% #85E1FF	RGB 133 225 255	#85E1FF
33.3%	33.3% #9AFFFD	RGB 154 255 253	#9AFFFD
50.0%	50.0% #AFFFE9	RGB 175 255 233	#AFFFE9
66.7%	66.7% #C3FFDF	RGB 195 255 223	#C3FFDF
83.3%	83.3% #D8FFE0	RGB 216 255 224	#D8FFE0
100.0%	100.0% #EEFFED	RGB 238 255 237	#EEFFED

#71B7FF #85E1FF #9AFFFD #AFFFE9 #C3FFDF #D8FFE0 #EEFFED

#71B7FF - #AFFFE9 - #EEFFED

CSS codes

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

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