#DFE1FF - #8F98E6 | 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 #DFE1FF to #8F98E6

#DFE1FF #8F98E6

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

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

0.0%	0.0% #DFE1FF	RGB 223 225 255	#DFE1FF
16.7%	16.7% #D1D4FA	RGB 209 212 250	#D1D4FA
33.3%	33.3% #C4C8F6	RGB 196 200 246	#C4C8F6
50.0%	50.0% #B7BCF2	RGB 183 188 242	#B7BCF2
66.7%	66.7% #A9B0EE	RGB 169 176 238	#A9B0EE
83.3%	83.3% #9CA4EA	RGB 156 164 234	#9CA4EA
100.0%	100.0% #8F98E6	RGB 143 152 230	#8F98E6

#DFE1FF #D1D4FA #C4C8F6 #B7BCF2 #A9B0EE #9CA4EA #8F98E6

#DFE1FF - #8F98E6

HSV Blend

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

0.0%	0.0% #DFE1FF	RGB 223 225 255	#DFE1FF
16.7%	16.7% #D0D3FA	RGB 208 211 250	#D0D3FA
33.3%	33.3% #C2C6F6	RGB 194 198 246	#C2C6F6
50.0%	50.0% #B5BAF2	RGB 181 186 242	#B5BAF2
66.7%	66.7% #A8AEEE	RGB 168 174 238	#A8AEEE
83.3%	83.3% #9BA3EA	RGB 155 163 234	#9BA3EA
100.0%	100.0% #8F98E6	RGB 143 152 230	#8F98E6

#DFE1FF #D0D3FA #C2C6F6 #B5BAF2 #A8AEEE #9BA3EA #8F98E6

#DFE1FF - #B5BAF2 - #8F98E6

CSS codes

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

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