#D9E4F2 - #8997C0 | 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 #D9E4F2 to #8997C0

#D9E4F2 #8997C0

Calculate the color between two colors, #D9E4F2 and #8997C0. 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)

#D9E4F2 - #8997C0 | 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 #D9E4F2 as 0% and #8997C0 as 100%.

0.0%	0.0% #D9E4F2	RGB 217 228 242	#D9E4F2
16.7%	16.7% #CBD7E9	RGB 203 215 233	#CBD7E9
33.3%	33.3% #BECAE1	RGB 190 202 225	#BECAE1
50.0%	50.0% #B1BDD9	RGB 177 189 217	#B1BDD9
66.7%	66.7% #A3B0D0	RGB 163 176 208	#A3B0D0
83.3%	83.3% #96A3C8	RGB 150 163 200	#96A3C8
100.0%	100.0% #8997C0	RGB 137 151 192	#8997C0

#D9E4F2 #CBD7E9 #BECAE1 #B1BDD9 #A3B0D0 #96A3C8 #8997C0

#D9E4F2 - #8997C0

HSV Blend

#D9E4F2 - #8997C0 | 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 #D9E4F2 as 0% and #8997C0 as 100%.

0.0%	0.0% #D9E4F2	RGB 217 228 242	#D9E4F2
16.7%	16.7% #CAD7E9	RGB 202 215 233	#CAD7E9
33.3%	33.3% #BCCAE1	RGB 188 202 225	#BCCAE1
50.0%	50.0% #AEBDD9	RGB 174 189 217	#AEBDD9
66.7%	66.7% #A1B0D0	RGB 161 176 208	#A1B0D0
83.3%	83.3% #95A3C8	RGB 149 163 200	#95A3C8
100.0%	100.0% #8997C0	RGB 137 151 192	#8997C0

#D9E4F2 #CAD7E9 #BCCAE1 #AEBDD9 #A1B0D0 #95A3C8 #8997C0

#D9E4F2 - #AEBDD9 - #8997C0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D9E4F2 0%, #AEBDD9 50%, #8997C0 100%);
    background: -webkit-linear-gradient(top, #D9E4F2 0%, #AEBDD9 50%, #8997C0 100%);
    background: linear-gradient(to bottom, #D9E4F2 0%, #AEBDD9 50%, #8997C0 100%);
}
</style>