#DDEAF1 - #8AADB8 | 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 #DDEAF1 to #8AADB8

#DDEAF1 #8AADB8

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

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

0.0%	0.0% #DDEAF1	RGB 221 234 241	#DDEAF1
16.7%	16.7% #CFDFE7	RGB 207 223 231	#CFDFE7
33.3%	33.3% #C1D5DE	RGB 193 213 222	#C1D5DE
50.0%	50.0% #B3CBD4	RGB 179 203 212	#B3CBD4
66.7%	66.7% #A5C1CB	RGB 165 193 203	#A5C1CB
83.3%	83.3% #97B7C1	RGB 151 183 193	#97B7C1
100.0%	100.0% #8AADB8	RGB 138 173 184	#8AADB8

#DDEAF1 #CFDFE7 #C1D5DE #B3CBD4 #A5C1CB #97B7C1 #8AADB8

#DDEAF1 - #8AADB8

HSV Blend

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

0.0%	0.0% #DDEAF1	RGB 221 234 241	#DDEAF1
16.7%	16.7% #CDDEE7	RGB 205 222 231	#CDDEE7
33.3%	33.3% #BFD4DE	RGB 191 212 222	#BFD4DE
50.0%	50.0% #B1CAD4	RGB 177 202 212	#B1CAD4
66.7%	66.7% #A3C0CB	RGB 163 192 203	#A3C0CB
83.3%	83.3% #96B6C1	RGB 150 182 193	#96B6C1
100.0%	100.0% #8AADB8	RGB 138 173 184	#8AADB8

#DDEAF1 #CDDEE7 #BFD4DE #B1CAD4 #A3C0CB #96B6C1 #8AADB8

#DDEAF1 - #B1CAD4 - #8AADB8

CSS codes

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

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