#DFDFEA - #829DB3 | 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 #DFDFEA to #829DB3

#DFDFEA #829DB3

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

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

0.0%	0.0% #DFDFEA	RGB 223 223 234	#DFDFEA
16.7%	16.7% #CFD4E0	RGB 207 212 224	#CFD4E0
33.3%	33.3% #C0C9D7	RGB 192 201 215	#C0C9D7
50.0%	50.0% #B0BECE	RGB 176 190 206	#B0BECE
66.7%	66.7% #A1B3C5	RGB 161 179 197	#A1B3C5
83.3%	83.3% #91A8BC	RGB 145 168 188	#91A8BC
100.0%	100.0% #829DB3	RGB 130 157 179	#829DB3

#DFDFEA #CFD4E0 #C0C9D7 #B0BECE #A1B3C5 #91A8BC #829DB3

#DFDFEA - #829DB3

HSV Blend

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

0.0%	0.0% #DFDFEA	RGB 223 223 234	#DFDFEA
16.7%	16.7% #CDCFE0	RGB 205 207 224	#CDCFE0
33.3%	33.3% #BDC2D7	RGB 189 194 215	#BDC2D7
50.0%	50.0% #ADB6CE	RGB 173 182 206	#ADB6CE
66.7%	66.7% #9EACC5	RGB 158 172 197	#9EACC5
83.3%	83.3% #8FA4BC	RGB 143 164 188	#8FA4BC
100.0%	100.0% #829DB3	RGB 130 157 179	#829DB3

#DFDFEA #CDCFE0 #BDC2D7 #ADB6CE #9EACC5 #8FA4BC #829DB3

#DFDFEA - #ADB6CE - #829DB3

CSS codes

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

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