#DDE7FF - #8DABF0 | 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 #DDE7FF to #8DABF0

#DDE7FF #8DABF0

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

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

0.0%	0.0% #DDE7FF	RGB 221 231 255	#DDE7FF
16.7%	16.7% #CFDDFC	RGB 207 221 252	#CFDDFC
33.3%	33.3% #C2D3FA	RGB 194 211 250	#C2D3FA
50.0%	50.0% #B5C9F7	RGB 181 201 247	#B5C9F7
66.7%	66.7% #A7BFF5	RGB 167 191 245	#A7BFF5
83.3%	83.3% #9AB5F2	RGB 154 181 242	#9AB5F2
100.0%	100.0% #8DABF0	RGB 141 171 240	#8DABF0

#DDE7FF #CFDDFC #C2D3FA #B5C9F7 #A7BFF5 #9AB5F2 #8DABF0

#DDE7FF - #8DABF0

HSV Blend

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

0.0%	0.0% #DDE7FF	RGB 221 231 255	#DDE7FF
16.7%	16.7% #CFDCFC	RGB 207 220 252	#CFDCFC
33.3%	33.3% #C1D2FA	RGB 193 210 250	#C1D2FA
50.0%	50.0% #B3C8F7	RGB 179 200 247	#B3C8F7
66.7%	66.7% #A6BEF5	RGB 166 190 245	#A6BEF5
83.3%	83.3% #99B4F2	RGB 153 180 242	#99B4F2
100.0%	100.0% #8DABF0	RGB 141 171 240	#8DABF0

#DDE7FF #CFDCFC #C1D2FA #B3C8F7 #A6BEF5 #99B4F2 #8DABF0

#DDE7FF - #B3C8F7 - #8DABF0

CSS codes

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

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