#4FC1FF - #8FEDFC | 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 #4FC1FF to #8FEDFC

#4FC1FF #8FEDFC

Calculate the color between two colors, #4FC1FF and #8FEDFC. 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)

#4FC1FF - #8FEDFC | 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 #4FC1FF as 0% and #8FEDFC as 100%.

0.0%	0.0% #4FC1FF	RGB 79 193 255	#4FC1FF
16.7%	16.7% #59C8FE	RGB 89 200 254	#59C8FE
33.3%	33.3% #64CFFE	RGB 100 207 254	#64CFFE
50.0%	50.0% #6FD7FD	RGB 111 215 253	#6FD7FD
66.7%	66.7% #79DEFD	RGB 121 222 253	#79DEFD
83.3%	83.3% #84E5FC	RGB 132 229 252	#84E5FC
100.0%	100.0% #8FEDFC	RGB 143 237 252	#8FEDFC

#4FC1FF #59C8FE #64CFFE #6FD7FD #79DEFD #84E5FC #8FEDFC

#4FC1FF - #8FEDFC

HSV Blend

#4FC1FF - #8FEDFC | 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 #4FC1FF as 0% and #8FEDFC as 100%.

0.0%	0.0% #4FC1FF	RGB 79 193 255	#4FC1FF
16.7%	16.7% #59CAFE	RGB 89 202 254	#59CAFE
33.3%	33.3% #64D2FE	RGB 100 210 254	#64D2FE
50.0%	50.0% #6FDAFD	RGB 111 218 253	#6FDAFD
66.7%	66.7% #79E1FD	RGB 121 225 253	#79E1FD
83.3%	83.3% #84E7FC	RGB 132 231 252	#84E7FC
100.0%	100.0% #8FEDFC	RGB 143 237 252	#8FEDFC

#4FC1FF #59CAFE #64D2FE #6FDAFD #79E1FD #84E7FC #8FEDFC

#4FC1FF - #6FDAFD - #8FEDFC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4FC1FF 0%, #6FDAFD 50%, #8FEDFC 100%);
    background: -webkit-linear-gradient(top, #4FC1FF 0%, #6FDAFD 50%, #8FEDFC 100%);
    background: linear-gradient(to bottom, #4FC1FF 0%, #6FDAFD 50%, #8FEDFC 100%);
}
</style>