#94D4FF - #AFF9F6 | 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 #94D4FF to #AFF9F6

#94D4FF #AFF9F6

Calculate the color between two colors, #94D4FF and #AFF9F6. 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)

#94D4FF - #AFF9F6 | 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 #94D4FF as 0% and #AFF9F6 as 100%.

0.0%	0.0% #94D4FF	RGB 148 212 255	#94D4FF
16.7%	16.7% #98DAFD	RGB 152 218 253	#98DAFD
33.3%	33.3% #9DE0FC	RGB 157 224 252	#9DE0FC
50.0%	50.0% #A1E6FA	RGB 161 230 250	#A1E6FA
66.7%	66.7% #A6ECF9	RGB 166 236 249	#A6ECF9
83.3%	83.3% #AAF2F7	RGB 170 242 247	#AAF2F7
100.0%	100.0% #AFF9F6	RGB 175 249 246	#AFF9F6

#94D4FF #98DAFD #9DE0FC #A1E6FA #A6ECF9 #AAF2F7 #AFF9F6

#94D4FF - #AFF9F6

HSV Blend

#94D4FF - #AFF9F6 | 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 #94D4FF as 0% and #AFF9F6 as 100%.

0.0%	0.0% #94D4FF	RGB 148 212 255	#94D4FF
16.7%	16.7% #98DCFE	RGB 152 220 254	#98DCFE
33.3%	33.3% #9DE4FD	RGB 157 228 253	#9DE4FD
50.0%	50.0% #A1EBFC	RGB 161 235 252	#A1EBFC
66.7%	66.7% #A6F1FB	RGB 166 241 251	#A6F1FB
83.3%	83.3% #AAF7FA	RGB 170 247 250	#AAF7FA
100.0%	100.0% #AFF9F6	RGB 175 249 246	#AFF9F6

#94D4FF #98DCFE #9DE4FD #A1EBFC #A6F1FB #AAF7FA #AFF9F6

#94D4FF - #A1EBFC - #AFF9F6

CSS codes

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

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