#DFDFEC - #829DB6 | 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 #DFDFEC to #829DB6

#DFDFEC #829DB6

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

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

0.0%	0.0% #DFDFEC	RGB 223 223 236	#DFDFEC
16.7%	16.7% #CFD4E3	RGB 207 212 227	#CFD4E3
33.3%	33.3% #C0C9DA	RGB 192 201 218	#C0C9DA
50.0%	50.0% #B0BED1	RGB 176 190 209	#B0BED1
66.7%	66.7% #A1B3C8	RGB 161 179 200	#A1B3C8
83.3%	83.3% #91A8BF	RGB 145 168 191	#91A8BF
100.0%	100.0% #829DB6	RGB 130 157 182	#829DB6

#DFDFEC #CFD4E3 #C0C9DA #B0BED1 #A1B3C8 #91A8BF #829DB6

#DFDFEC - #829DB6

HSV Blend

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

0.0%	0.0% #DFDFEC	RGB 223 223 236	#DFDFEC
16.7%	16.7% #CDCFE3	RGB 205 207 227	#CDCFE3
33.3%	33.3% #BDC2DA	RGB 189 194 218	#BDC2DA
50.0%	50.0% #ADB6D1	RGB 173 182 209	#ADB6D1
66.7%	66.7% #9EACC8	RGB 158 172 200	#9EACC8
83.3%	83.3% #8FA4BF	RGB 143 164 191	#8FA4BF
100.0%	100.0% #829DB6	RGB 130 157 182	#829DB6

#DFDFEC #CDCFE3 #BDC2DA #ADB6D1 #9EACC8 #8FA4BF #829DB6

#DFDFEC - #ADB6D1 - #829DB6

CSS codes

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

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