#D9DDF2 - #8289BA | 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 #D9DDF2 to #8289BA

#D9DDF2 #8289BA

Calculate the color between two colors, #D9DDF2 and #8289BA. 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)

#D9DDF2 - #8289BA | 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 #D9DDF2 as 0% and #8289BA as 100%.

0.0%	0.0% #D9DDF2	RGB 217 221 242	#D9DDF2
16.7%	16.7% #CACFE8	RGB 202 207 232	#CACFE8
33.3%	33.3% #BCC1DF	RGB 188 193 223	#BCC1DF
50.0%	50.0% #ADB3D6	RGB 173 179 214	#ADB3D6
66.7%	66.7% #9FA5CC	RGB 159 165 204	#9FA5CC
83.3%	83.3% #9097C3	RGB 144 151 195	#9097C3
100.0%	100.0% #8289BA	RGB 130 137 186	#8289BA

#D9DDF2 #CACFE8 #BCC1DF #ADB3D6 #9FA5CC #9097C3 #8289BA

#D9DDF2 - #8289BA

HSV Blend

#D9DDF2 - #8289BA | 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 #D9DDF2 as 0% and #8289BA as 100%.

0.0%	0.0% #D9DDF2	RGB 217 221 242	#D9DDF2
16.7%	16.7% #C8CDE8	RGB 200 205 232	#C8CDE8
33.3%	33.3% #B9BFDF	RGB 185 191 223	#B9BFDF
50.0%	50.0% #AAB0D6	RGB 170 176 214	#AAB0D6
66.7%	66.7% #9CA3CC	RGB 156 163 204	#9CA3CC
83.3%	83.3% #8E95C3	RGB 142 149 195	#8E95C3
100.0%	100.0% #8289BA	RGB 130 137 186	#8289BA

#D9DDF2 #C8CDE8 #B9BFDF #AAB0D6 #9CA3CC #8E95C3 #8289BA

#D9DDF2 - #AAB0D6 - #8289BA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D9DDF2 0%, #AAB0D6 50%, #8289BA 100%);
    background: -webkit-linear-gradient(top, #D9DDF2 0%, #AAB0D6 50%, #8289BA 100%);
    background: linear-gradient(to bottom, #D9DDF2 0%, #AAB0D6 50%, #8289BA 100%);
}
</style>