#D9E4ED - #8AB8D5 | 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 #D9E4ED to #8AB8D5

#D9E4ED #8AB8D5

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

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

0.0%	0.0% #D9E4ED	RGB 217 228 237	#D9E4ED
16.7%	16.7% #CBDCE9	RGB 203 220 233	#CBDCE9
33.3%	33.3% #BED5E5	RGB 190 213 229	#BED5E5
50.0%	50.0% #B1CEE1	RGB 177 206 225	#B1CEE1
66.7%	66.7% #A4C6DD	RGB 164 198 221	#A4C6DD
83.3%	83.3% #97BFD9	RGB 151 191 217	#97BFD9
100.0%	100.0% #8AB8D5	RGB 138 184 213	#8AB8D5

#D9E4ED #CBDCE9 #BED5E5 #B1CEE1 #A4C6DD #97BFD9 #8AB8D5

#D9E4ED - #8AB8D5

HSV Blend

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

0.0%	0.0% #D9E4ED	RGB 217 228 237	#D9E4ED
16.7%	16.7% #CADBE9	RGB 202 219 233	#CADBE9
33.3%	33.3% #BDD3E5	RGB 189 211 229	#BDD3E5
50.0%	50.0% #AFCCE1	RGB 175 204 225	#AFCCE1
66.7%	66.7% #A2C5DD	RGB 162 197 221	#A2C5DD
83.3%	83.3% #96BED9	RGB 150 190 217	#96BED9
100.0%	100.0% #8AB8D5	RGB 138 184 213	#8AB8D5

#D9E4ED #CADBE9 #BDD3E5 #AFCCE1 #A2C5DD #96BED9 #8AB8D5

#D9E4ED - #AFCCE1 - #8AB8D5

CSS codes

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

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