#DBE8FF - #8C97D5 | 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 #DBE8FF to #8C97D5

#DBE8FF #8C97D5

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

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

0.0%	0.0% #DBE8FF	RGB 219 232 255	#DBE8FF
16.7%	16.7% #CDDAF8	RGB 205 218 248	#CDDAF8
33.3%	33.3% #C0CDF1	RGB 192 205 241	#C0CDF1
50.0%	50.0% #B3BFEA	RGB 179 191 234	#B3BFEA
66.7%	66.7% #A6B2E3	RGB 166 178 227	#A6B2E3
83.3%	83.3% #99A4DC	RGB 153 164 220	#99A4DC
100.0%	100.0% #8C97D5	RGB 140 151 213	#8C97D5

#DBE8FF #CDDAF8 #C0CDF1 #B3BFEA #A6B2E3 #99A4DC #8C97D5

#DBE8FF - #8C97D5

HSV Blend

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

0.0%	0.0% #DBE8FF	RGB 219 232 255	#DBE8FF
16.7%	16.7% #CCDAF8	RGB 204 218 248	#CCDAF8
33.3%	33.3% #BECDF1	RGB 190 205 241	#BECDF1
50.0%	50.0% #B1BFEA	RGB 177 191 234	#B1BFEA
66.7%	66.7% #A4B2E3	RGB 164 178 227	#A4B2E3
83.3%	83.3% #97A4DC	RGB 151 164 220	#97A4DC
100.0%	100.0% #8C97D5	RGB 140 151 213	#8C97D5

#DBE8FF #CCDAF8 #BECDF1 #B1BFEA #A4B2E3 #97A4DC #8C97D5

#DBE8FF - #B1BFEA - #8C97D5

CSS codes

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

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