#DFE0E5 - #869DAC | 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 #DFE0E5 to #869DAC

#DFE0E5 #869DAC

Calculate the color between two colors, #DFE0E5 and #869DAC. 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)

#DFE0E5 - #869DAC | 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 #DFE0E5 as 0% and #869DAC as 100%.

0.0%	0.0% #DFE0E5	RGB 223 224 229	#DFE0E5
16.7%	16.7% #D0D4DB	RGB 208 212 219	#D0D4DB
33.3%	33.3% #C1C9D2	RGB 193 201 210	#C1C9D2
50.0%	50.0% #B2BEC8	RGB 178 190 200	#B2BEC8
66.7%	66.7% #A3B3BF	RGB 163 179 191	#A3B3BF
83.3%	83.3% #94A8B5	RGB 148 168 181	#94A8B5
100.0%	100.0% #869DAC	RGB 134 157 172	#869DAC

#DFE0E5 #D0D4DB #C1C9D2 #B2BEC8 #A3B3BF #94A8B5 #869DAC

#DFE0E5 - #869DAC

HSV Blend

#DFE0E5 - #869DAC | 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 #DFE0E5 as 0% and #869DAC as 100%.

0.0%	0.0% #DFE0E5	RGB 223 224 229	#DFE0E5
16.7%	16.7% #CED1DB	RGB 206 209 219	#CED1DB
33.3%	33.3% #BEC4D2	RGB 190 196 210	#BEC4D2
50.0%	50.0% #AFB9C8	RGB 175 185 200	#AFB9C8
66.7%	66.7% #A1AEBF	RGB 161 174 191	#A1AEBF
83.3%	83.3% #93A5B5	RGB 147 165 181	#93A5B5
100.0%	100.0% #869DAC	RGB 134 157 172	#869DAC

#DFE0E5 #CED1DB #BEC4D2 #AFB9C8 #A1AEBF #93A5B5 #869DAC

#DFE0E5 - #AFB9C8 - #869DAC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DFE0E5 0%, #AFB9C8 50%, #869DAC 100%);
    background: -webkit-linear-gradient(top, #DFE0E5 0%, #AFB9C8 50%, #869DAC 100%);
    background: linear-gradient(to bottom, #DFE0E5 0%, #AFB9C8 50%, #869DAC 100%);
}
</style>