#DFDFEB - #829DB4 | 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 #DFDFEB to #829DB4

#DFDFEB #829DB4

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

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

0.0%	0.0% #DFDFEB	RGB 223 223 235	#DFDFEB
16.7%	16.7% #CFD4E1	RGB 207 212 225	#CFD4E1
33.3%	33.3% #C0C9D8	RGB 192 201 216	#C0C9D8
50.0%	50.0% #B0BECF	RGB 176 190 207	#B0BECF
66.7%	66.7% #A1B3C6	RGB 161 179 198	#A1B3C6
83.3%	83.3% #91A8BD	RGB 145 168 189	#91A8BD
100.0%	100.0% #829DB4	RGB 130 157 180	#829DB4

#DFDFEB #CFD4E1 #C0C9D8 #B0BECF #A1B3C6 #91A8BD #829DB4

#DFDFEB - #829DB4

HSV Blend

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

0.0%	0.0% #DFDFEB	RGB 223 223 235	#DFDFEB
16.7%	16.7% #CDCFE1	RGB 205 207 225	#CDCFE1
33.3%	33.3% #BDC2D8	RGB 189 194 216	#BDC2D8
50.0%	50.0% #ADB6CF	RGB 173 182 207	#ADB6CF
66.7%	66.7% #9EACC6	RGB 158 172 198	#9EACC6
83.3%	83.3% #8FA4BD	RGB 143 164 189	#8FA4BD
100.0%	100.0% #829DB4	RGB 130 157 180	#829DB4

#DFDFEB #CDCFE1 #BDC2D8 #ADB6CF #9EACC6 #8FA4BD #829DB4

#DFDFEB - #ADB6CF - #829DB4

CSS codes

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

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