#A8DFFF - #CFFCFB | 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 #A8DFFF to #CFFCFB

#A8DFFF #CFFCFB

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

#A8DFFF - #CFFCFB | 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 #A8DFFF as 0% and #CFFCFB as 100%.

0.0%	0.0% #A8DFFF	RGB 168 223 255	#A8DFFF
16.7%	16.7% #AEE3FE	RGB 174 227 254	#AEE3FE
33.3%	33.3% #B5E8FD	RGB 181 232 253	#B5E8FD
50.0%	50.0% #BBEDFD	RGB 187 237 253	#BBEDFD
66.7%	66.7% #C2F2FC	RGB 194 242 252	#C2F2FC
83.3%	83.3% #C8F7FB	RGB 200 247 251	#C8F7FB
100.0%	100.0% #CFFCFB	RGB 207 252 251	#CFFCFB

#A8DFFF #AEE3FE #B5E8FD #BBEDFD #C2F2FC #C8F7FB #CFFCFB

#A8DFFF - #CFFCFB

HSV Blend

#A8DFFF - #CFFCFB | 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 #A8DFFF as 0% and #CFFCFB as 100%.

0.0%	0.0% #A8DFFF	RGB 168 223 255	#A8DFFF
16.7%	16.7% #AEE6FE	RGB 174 230 254	#AEE6FE
33.3%	33.3% #B5ECFE	RGB 181 236 254	#B5ECFE
50.0%	50.0% #BBF2FD	RGB 187 242 253	#BBF2FD
66.7%	66.7% #C2F6FD	RGB 194 246 253	#C2F6FD
83.3%	83.3% #C8FAFC	RGB 200 250 252	#C8FAFC
100.0%	100.0% #CFFCFB	RGB 207 252 251	#CFFCFB

#A8DFFF #AEE6FE #B5ECFE #BBF2FD #C2F6FD #C8FAFC #CFFCFB

#A8DFFF - #BBF2FD - #CFFCFB

CSS codes

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

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