#D9DFEF - #8AA4D9 | 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 #D9DFEF to #8AA4D9

#D9DFEF #8AA4D9

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

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

0.0%	0.0% #D9DFEF	RGB 217 223 239	#D9DFEF
16.7%	16.7% #CBD5EB	RGB 203 213 235	#CBD5EB
33.3%	33.3% #BECBE7	RGB 190 203 231	#BECBE7
50.0%	50.0% #B1C1E4	RGB 177 193 228	#B1C1E4
66.7%	66.7% #A4B7E0	RGB 164 183 224	#A4B7E0
83.3%	83.3% #97ADDC	RGB 151 173 220	#97ADDC
100.0%	100.0% #8AA4D9	RGB 138 164 217	#8AA4D9

#D9DFEF #CBD5EB #BECBE7 #B1C1E4 #A4B7E0 #97ADDC #8AA4D9

#D9DFEF - #8AA4D9

HSV Blend

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

0.0%	0.0% #D9DFEF	RGB 217 223 239	#D9DFEF
16.7%	16.7% #CBD4EB	RGB 203 212 235	#CBD4EB
33.3%	33.3% #BDC9E7	RGB 189 201 231	#BDC9E7
50.0%	50.0% #B0BFE4	RGB 176 191 228	#B0BFE4
66.7%	66.7% #A3B6E0	RGB 163 182 224	#A3B6E0
83.3%	83.3% #96ACDC	RGB 150 172 220	#96ACDC
100.0%	100.0% #8AA4D9	RGB 138 164 217	#8AA4D9

#D9DFEF #CBD4EB #BDC9E7 #B0BFE4 #A3B6E0 #96ACDC #8AA4D9

#D9DFEF - #B0BFE4 - #8AA4D9

CSS codes

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

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