#DDFCFF - #8FD6EB | 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 #DDFCFF to #8FD6EB

#DDFCFF #8FD6EB

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

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

0.0%	0.0% #DDFCFF	RGB 221 252 255	#DDFCFF
16.7%	16.7% #D0F5FB	RGB 208 245 251	#D0F5FB
33.3%	33.3% #C3EFF8	RGB 195 239 248	#C3EFF8
50.0%	50.0% #B6E9F5	RGB 182 233 245	#B6E9F5
66.7%	66.7% #A9E2F1	RGB 169 226 241	#A9E2F1
83.3%	83.3% #9CDCEE	RGB 156 220 238	#9CDCEE
100.0%	100.0% #8FD6EB	RGB 143 214 235	#8FD6EB

#DDFCFF #D0F5FB #C3EFF8 #B6E9F5 #A9E2F1 #9CDCEE #8FD6EB

#DDFCFF - #8FD6EB

HSV Blend

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

0.0%	0.0% #DDFCFF	RGB 221 252 255	#DDFCFF
16.7%	16.7% #CFF6FB	RGB 207 246 251	#CFF6FB
33.3%	33.3% #C1F0F8	RGB 193 240 248	#C1F0F8
50.0%	50.0% #B4EAF5	RGB 180 234 245	#B4EAF5
66.7%	66.7% #A7E4F1	RGB 167 228 241	#A7E4F1
83.3%	83.3% #9BDDEE	RGB 155 221 238	#9BDDEE
100.0%	100.0% #8FD6EB	RGB 143 214 235	#8FD6EB

#DDFCFF #CFF6FB #C1F0F8 #B4EAF5 #A7E4F1 #9BDDEE #8FD6EB

#DDFCFF - #B4EAF5 - #8FD6EB

CSS codes

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

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