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

#4FC1FF #8FEEFC

Calculate the color between two colors, #4FC1FF and #8FEEFC. 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 - #8FEEFC | 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 #8FEEFC 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% #64D0FE	RGB 100 208 254	#64D0FE
50.0%	50.0% #6FD7FD	RGB 111 215 253	#6FD7FD
66.7%	66.7% #79DFFD	RGB 121 223 253	#79DFFD
83.3%	83.3% #84E6FC	RGB 132 230 252	#84E6FC
100.0%	100.0% #8FEEFC	RGB 143 238 252	#8FEEFC

#4FC1FF #59C8FE #64D0FE #6FD7FD #79DFFD #84E6FC #8FEEFC

#4FC1FF - #8FEEFC

HSV Blend

#4FC1FF - #8FEEFC | 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 #8FEEFC 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% #64D3FE	RGB 100 211 254	#64D3FE
50.0%	50.0% #6FDBFD	RGB 111 219 253	#6FDBFD
66.7%	66.7% #79E2FD	RGB 121 226 253	#79E2FD
83.3%	83.3% #84E8FC	RGB 132 232 252	#84E8FC
100.0%	100.0% #8FEEFC	RGB 143 238 252	#8FEEFC

#4FC1FF #59CAFE #64D3FE #6FDBFD #79E2FD #84E8FC #8FEEFC

#4FC1FF - #6FDBFD - #8FEEFC

CSS codes

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

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