#DCFDFF - #8DD8EA | 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 #DCFDFF to #8DD8EA

#DCFDFF #8DD8EA

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

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

0.0%	0.0% #DCFDFF	RGB 220 253 255	#DCFDFF
16.7%	16.7% #CEF6FB	RGB 206 246 251	#CEF6FB
33.3%	33.3% #C1F0F8	RGB 193 240 248	#C1F0F8
50.0%	50.0% #B4EAF4	RGB 180 234 244	#B4EAF4
66.7%	66.7% #A7E4F1	RGB 167 228 241	#A7E4F1
83.3%	83.3% #9ADEED	RGB 154 222 237	#9ADEED
100.0%	100.0% #8DD8EA	RGB 141 216 234	#8DD8EA

#DCFDFF #CEF6FB #C1F0F8 #B4EAF4 #A7E4F1 #9ADEED #8DD8EA

#DCFDFF - #8DD8EA

HSV Blend

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

0.0%	0.0% #DCFDFF	RGB 220 253 255	#DCFDFF
16.7%	16.7% #CEF7FB	RGB 206 247 251	#CEF7FB
33.3%	33.3% #C0F2F8	RGB 192 242 248	#C0F2F8
50.0%	50.0% #B3ECF4	RGB 179 236 244	#B3ECF4
66.7%	66.7% #A6E5F1	RGB 166 229 241	#A6E5F1
83.3%	83.3% #99DFED	RGB 153 223 237	#99DFED
100.0%	100.0% #8DD8EA	RGB 141 216 234	#8DD8EA

#DCFDFF #CEF7FB #C0F2F8 #B3ECF4 #A6E5F1 #99DFED #8DD8EA

#DCFDFF - #B3ECF4 - #8DD8EA

CSS codes

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

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