#DFE6FF - #8998D4 | 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 #DFE6FF to #8998D4

#DFE6FF #8998D4

Calculate the color between two colors, #DFE6FF and #8998D4. 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)

#DFE6FF - #8998D4 | 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 #DFE6FF as 0% and #8998D4 as 100%.

0.0%	0.0% #DFE6FF	RGB 223 230 255	#DFE6FF
16.7%	16.7% #D0D9F7	RGB 208 217 247	#D0D9F7
33.3%	33.3% #C2CCF0	RGB 194 204 240	#C2CCF0
50.0%	50.0% #B4BFE9	RGB 180 191 233	#B4BFE9
66.7%	66.7% #A5B2E2	RGB 165 178 226	#A5B2E2
83.3%	83.3% #97A5DB	RGB 151 165 219	#97A5DB
100.0%	100.0% #8998D4	RGB 137 152 212	#8998D4

#DFE6FF #D0D9F7 #C2CCF0 #B4BFE9 #A5B2E2 #97A5DB #8998D4

#DFE6FF - #8998D4

HSV Blend

#DFE6FF - #8998D4 | 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 #DFE6FF as 0% and #8998D4 as 100%.

0.0%	0.0% #DFE6FF	RGB 223 230 255	#DFE6FF
16.7%	16.7% #CFD8F7	RGB 207 216 247	#CFD8F7
33.3%	33.3% #C0CAF0	RGB 192 202 240	#C0CAF0
50.0%	50.0% #B1BDE9	RGB 177 189 233	#B1BDE9
66.7%	66.7% #A3B0E2	RGB 163 176 226	#A3B0E2
83.3%	83.3% #95A4DB	RGB 149 164 219	#95A4DB
100.0%	100.0% #8998D4	RGB 137 152 212	#8998D4

#DFE6FF #CFD8F7 #C0CAF0 #B1BDE9 #A3B0E2 #95A4DB #8998D4

#DFE6FF - #B1BDE9 - #8998D4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DFE6FF 0%, #B1BDE9 50%, #8998D4 100%);
    background: -webkit-linear-gradient(top, #DFE6FF 0%, #B1BDE9 50%, #8998D4 100%);
    background: linear-gradient(to bottom, #DFE6FF 0%, #B1BDE9 50%, #8998D4 100%);
}
</style>