#DBDFEA - #829AB3 | 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 #DBDFEA to #829AB3

#DBDFEA #829AB3

Calculate the color between two colors, #DBDFEA and #829AB3. 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)

#DBDFEA - #829AB3 | 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 #DBDFEA as 0% and #829AB3 as 100%.

0.0%	0.0% #DBDFEA	RGB 219 223 234	#DBDFEA
16.7%	16.7% #CCD3E0	RGB 204 211 224	#CCD3E0
33.3%	33.3% #BDC8D7	RGB 189 200 215	#BDC8D7
50.0%	50.0% #AEBCCE	RGB 174 188 206	#AEBCCE
66.7%	66.7% #9FB1C5	RGB 159 177 197	#9FB1C5
83.3%	83.3% #90A5BC	RGB 144 165 188	#90A5BC
100.0%	100.0% #829AB3	RGB 130 154 179	#829AB3

#DBDFEA #CCD3E0 #BDC8D7 #AEBCCE #9FB1C5 #90A5BC #829AB3

#DBDFEA - #829AB3

HSV Blend

#DBDFEA - #829AB3 | 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 #DBDFEA as 0% and #829AB3 as 100%.

0.0%	0.0% #DBDFEA	RGB 219 223 234	#DBDFEA
16.7%	16.7% #CAD1E0	RGB 202 209 224	#CAD1E0
33.3%	33.3% #BAC4D7	RGB 186 196 215	#BAC4D7
50.0%	50.0% #ABB8CE	RGB 171 184 206	#ABB8CE
66.7%	66.7% #9DADC5	RGB 157 173 197	#9DADC5
83.3%	83.3% #8FA3BC	RGB 143 163 188	#8FA3BC
100.0%	100.0% #829AB3	RGB 130 154 179	#829AB3

#DBDFEA #CAD1E0 #BAC4D7 #ABB8CE #9DADC5 #8FA3BC #829AB3

#DBDFEA - #ABB8CE - #829AB3

CSS codes

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

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