#DFE2EB - #949FC0 | 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 #DFE2EB to #949FC0

#DFE2EB #949FC0

Calculate the color between two colors, #DFE2EB and #949FC0. 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)

#DFE2EB - #949FC0 | 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 #DFE2EB as 0% and #949FC0 as 100%.

0.0%	0.0% #DFE2EB	RGB 223 226 235	#DFE2EB
16.7%	16.7% #D2D6E3	RGB 210 214 227	#D2D6E3
33.3%	33.3% #C6CBDC	RGB 198 203 220	#C6CBDC
50.0%	50.0% #B9C0D5	RGB 185 192 213	#B9C0D5
66.7%	66.7% #ADB5CE	RGB 173 181 206	#ADB5CE
83.3%	83.3% #A0AAC7	RGB 160 170 199	#A0AAC7
100.0%	100.0% #949FC0	RGB 148 159 192	#949FC0

#DFE2EB #D2D6E3 #C6CBDC #B9C0D5 #ADB5CE #A0AAC7 #949FC0

#DFE2EB - #949FC0

HSV Blend

#DFE2EB - #949FC0 | 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 #DFE2EB as 0% and #949FC0 as 100%.

0.0%	0.0% #DFE2EB	RGB 223 226 235	#DFE2EB
16.7%	16.7% #D1D6E3	RGB 209 214 227	#D1D6E3
33.3%	33.3% #C4CADC	RGB 196 202 220	#C4CADC
50.0%	50.0% #B7BFD5	RGB 183 191 213	#B7BFD5
66.7%	66.7% #ABB4CE	RGB 171 180 206	#ABB4CE
83.3%	83.3% #9FA9C7	RGB 159 169 199	#9FA9C7
100.0%	100.0% #949FC0	RGB 148 159 192	#949FC0

#DFE2EB #D1D6E3 #C4CADC #B7BFD5 #ABB4CE #9FA9C7 #949FC0

#DFE2EB - #B7BFD5 - #949FC0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DFE2EB 0%, #B7BFD5 50%, #949FC0 100%);
    background: -webkit-linear-gradient(top, #DFE2EB 0%, #B7BFD5 50%, #949FC0 100%);
    background: linear-gradient(to bottom, #DFE2EB 0%, #B7BFD5 50%, #949FC0 100%);
}
</style>