#DBDFF1 - #DFEAEF | 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 #DBDFF1 to #DFEAEF

#DBDFF1 #DFEAEF

Calculate the color between two colors, #DBDFF1 and #DFEAEF. 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)

#DBDFF1 - #DFEAEF | 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 #DBDFF1 as 0% and #DFEAEF as 100%.

0.0%	0.0% #DBDFF1	RGB 219 223 241	#DBDFF1
16.7%	16.7% #DBE0F0	RGB 219 224 240	#DBE0F0
33.3%	33.3% #DCE2F0	RGB 220 226 240	#DCE2F0
50.0%	50.0% #DDE4F0	RGB 221 228 240	#DDE4F0
66.7%	66.7% #DDE6EF	RGB 221 230 239	#DDE6EF
83.3%	83.3% #DEE8EF	RGB 222 232 239	#DEE8EF
100.0%	100.0% #DFEAEF	RGB 223 234 239	#DFEAEF

#DBDFF1 #DBE0F0 #DCE2F0 #DDE4F0 #DDE6EF #DEE8EF #DFEAEF

#DBDFF1 - #DFEAEF

HSV Blend

#DBDFF1 - #DFEAEF | 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 #DBDFF1 as 0% and #DFEAEF as 100%.

0.0%	0.0% #DBDFF1	RGB 219 223 241	#DBDFF1
16.7%	16.7% #DBE1F0	RGB 219 225 240	#DBE1F0
33.3%	33.3% #DCE3F0	RGB 220 227 240	#DCE3F0
50.0%	50.0% #DDE5F0	RGB 221 229 240	#DDE5F0
66.7%	66.7% #DDE7EF	RGB 221 231 239	#DDE7EF
83.3%	83.3% #DEE8EF	RGB 222 232 239	#DEE8EF
100.0%	100.0% #DFEAEF	RGB 223 234 239	#DFEAEF

#DBDFF1 #DBE1F0 #DCE3F0 #DDE5F0 #DDE7EF #DEE8EF #DFEAEF

#DBDFF1 - #DDE5F0 - #DFEAEF

CSS codes

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

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