#AFDDFF - #FEFDF3 | 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 #AFDDFF to #FEFDF3

#AFDDFF #FEFDF3

Calculate the color between two colors, #AFDDFF and #FEFDF3. 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)

#AFDDFF - #FEFDF3 | 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 #AFDDFF as 0% and #FEFDF3 as 100%.

0.0%	0.0% #AFDDFF	RGB 175 221 255	#AFDDFF
16.7%	16.7% #BCE2FD	RGB 188 226 253	#BCE2FD
33.3%	33.3% #C9E7FB	RGB 201 231 251	#C9E7FB
50.0%	50.0% #D6EDF9	RGB 214 237 249	#D6EDF9
66.7%	66.7% #E3F2F7	RGB 227 242 247	#E3F2F7
83.3%	83.3% #F0F7F5	RGB 240 247 245	#F0F7F5
100.0%	100.0% #FEFDF3	RGB 254 253 243	#FEFDF3

#AFDDFF #BCE2FD #C9E7FB #D6EDF9 #E3F2F7 #F0F7F5 #FEFDF3

#AFDDFF - #FEFDF3

HSV Blend

#AFDDFF - #FEFDF3 | 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 #AFDDFF as 0% and #FEFDF3 as 100%.

0.0%	0.0% #AFDDFF	RGB 175 221 255	#AFDDFF
16.7%	16.7% #BAFEFE	RGB 186 254 254	#BAFEFE
33.3%	33.3% #C5FEE7	RGB 197 254 231	#C5FEE7
50.0%	50.0% #D1FED8	RGB 209 254 216	#D1FED8
66.7%	66.7% #E4FEDC	RGB 228 254 220	#E4FEDC
83.3%	83.3% #F6FEE7	RGB 246 254 231	#F6FEE7
100.0%	100.0% #FEFDF3	RGB 254 253 243	#FEFDF3

#AFDDFF #BAFEFE #C5FEE7 #D1FED8 #E4FEDC #F6FEE7 #FEFDF3

#AFDDFF - #D1FED8 - #FEFDF3

CSS codes

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

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