#DDFFFD - #8AB8D7 | 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 #DDFFFD to #8AB8D7

#DDFFFD #8AB8D7

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

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

0.0%	0.0% #DDFFFD	RGB 221 255 253	#DDFFFD
16.7%	16.7% #CFF3F6	RGB 207 243 246	#CFF3F6
33.3%	33.3% #C1E7F0	RGB 193 231 240	#C1E7F0
50.0%	50.0% #B3DBEA	RGB 179 219 234	#B3DBEA
66.7%	66.7% #A5CFE3	RGB 165 207 227	#A5CFE3
83.3%	83.3% #97C3DD	RGB 151 195 221	#97C3DD
100.0%	100.0% #8AB8D7	RGB 138 184 215	#8AB8D7

#DDFFFD #CFF3F6 #C1E7F0 #B3DBEA #A5CFE3 #97C3DD #8AB8D7

#DDFFFD - #8AB8D7

HSV Blend

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

0.0%	0.0% #DDFFFD	RGB 221 255 253	#DDFFFD
16.7%	16.7% #CDF7F8	RGB 205 247 248	#CDF7F8
33.3%	33.3% #BFECF1	RGB 191 236 241	#BFECF1
50.0%	50.0% #B1E1EB	RGB 177 225 235	#B1E1EB
66.7%	66.7% #A3D4E4	RGB 163 212 228	#A3D4E4
83.3%	83.3% #96C6DD	RGB 150 198 221	#96C6DD
100.0%	100.0% #8AB8D7	RGB 138 184 215	#8AB8D7

#DDFFFD #CDF7F8 #BFECF1 #B1E1EB #A3D4E4 #96C6DD #8AB8D7

#DDFFFD - #B1E1EB - #8AB8D7

CSS codes

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

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