#DFFAFB - #8CC6CD | 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 #DFFAFB to #8CC6CD

#DFFAFB #8CC6CD

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

#DFFAFB - #8CC6CD | 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 #DFFAFB as 0% and #8CC6CD as 100%.

0.0%	0.0% #DFFAFB	RGB 223 250 251	#DFFAFB
16.7%	16.7% #D1F1F3	RGB 209 241 243	#D1F1F3
33.3%	33.3% #C3E8EB	RGB 195 232 235	#C3E8EB
50.0%	50.0% #B5E0E4	RGB 181 224 228	#B5E0E4
66.7%	66.7% #A7D7DC	RGB 167 215 220	#A7D7DC
83.3%	83.3% #99CED4	RGB 153 206 212	#99CED4
100.0%	100.0% #8CC6CD	RGB 140 198 205	#8CC6CD

#DFFAFB #D1F1F3 #C3E8EB #B5E0E4 #A7D7DC #99CED4 #8CC6CD

#DFFAFB - #8CC6CD

HSV Blend

#DFFAFB - #8CC6CD | 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 #DFFAFB as 0% and #8CC6CD as 100%.

0.0%	0.0% #DFFAFB	RGB 223 250 251	#DFFAFB
16.7%	16.7% #CFF1F3	RGB 207 241 243	#CFF1F3
33.3%	33.3% #C1E9EB	RGB 193 233 235	#C1E9EB
50.0%	50.0% #B3E0E4	RGB 179 224 228	#B3E0E4
66.7%	66.7% #A5D7DC	RGB 165 215 220	#A5D7DC
83.3%	83.3% #98CED4	RGB 152 206 212	#98CED4
100.0%	100.0% #8CC6CD	RGB 140 198 205	#8CC6CD

#DFFAFB #CFF1F3 #C1E9EB #B3E0E4 #A5D7DC #98CED4 #8CC6CD

#DFFAFB - #B3E0E4 - #8CC6CD

CSS codes

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

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