#3BF4FF - #8FDCFA | 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 #3BF4FF to #8FDCFA

#3BF4FF #8FDCFA

Calculate the color between two colors, #3BF4FF and #8FDCFA. 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)

#3BF4FF - #8FDCFA | 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 #3BF4FF as 0% and #8FDCFA as 100%.

0.0%	0.0% #3BF4FF	RGB 59 244 255	#3BF4FF
16.7%	16.7% #49F0FE	RGB 73 240 254	#49F0FE
33.3%	33.3% #57ECFD	RGB 87 236 253	#57ECFD
50.0%	50.0% #65E8FC	RGB 101 232 252	#65E8FC
66.7%	66.7% #73E4FB	RGB 115 228 251	#73E4FB
83.3%	83.3% #81E0FA	RGB 129 224 250	#81E0FA
100.0%	100.0% #8FDCFA	RGB 143 220 250	#8FDCFA

#3BF4FF #49F0FE #57ECFD #65E8FC #73E4FB #81E0FA #8FDCFA

#3BF4FF - #8FDCFA

HSV Blend

#3BF4FF - #8FDCFA | 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 #3BF4FF as 0% and #8FDCFA as 100%.

0.0%	0.0% #3BF3FF	RGB 59 243 255	#3BF3FF
16.7%	16.7% #49EDFE	RGB 73 237 254	#49EDFE
33.3%	33.3% #57E7FD	RGB 87 231 253	#57E7FD
50.0%	50.0% #65E3FC	RGB 101 227 252	#65E3FC
66.7%	66.7% #73DFFB	RGB 115 223 251	#73DFFB
83.3%	83.3% #81DDFA	RGB 129 221 250	#81DDFA
100.0%	100.0% #8FDCFA	RGB 143 220 250	#8FDCFA

#3BF3FF #49EDFE #57E7FD #65E3FC #73DFFB #81DDFA #8FDCFA

#3BF4FF - #65E3FC - #8FDCFA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3BF3FF 0%, #65E3FC 50%, #8FDCFA 100%);
    background: -webkit-linear-gradient(top, #3BF3FF 0%, #65E3FC 50%, #8FDCFA 100%);
    background: linear-gradient(to bottom, #3BF3FF 0%, #65E3FC 50%, #8FDCFA 100%);
}
</style>