#DFDFE7 - #829EAF | 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 #DFDFE7 to #829EAF

#DFDFE7 #829EAF

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

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

0.0%	0.0% #DFDFE7	RGB 223 223 231	#DFDFE7
16.7%	16.7% #CFD4DD	RGB 207 212 221	#CFD4DD
33.3%	33.3% #C0C9D4	RGB 192 201 212	#C0C9D4
50.0%	50.0% #B0BECB	RGB 176 190 203	#B0BECB
66.7%	66.7% #A1B3C1	RGB 161 179 193	#A1B3C1
83.3%	83.3% #91A8B8	RGB 145 168 184	#91A8B8
100.0%	100.0% #829EAF	RGB 130 158 175	#829EAF

#DFDFE7 #CFD4DD #C0C9D4 #B0BECB #A1B3C1 #91A8B8 #829EAF

#DFDFE7 - #829EAF

HSV Blend

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

0.0%	0.0% #DFDFE7	RGB 223 223 231	#DFDFE7
16.7%	16.7% #CDCFDD	RGB 205 207 221	#CDCFDD
33.3%	33.3% #BDC2D4	RGB 189 194 212	#BDC2D4
50.0%	50.0% #ADB6CB	RGB 173 182 203	#ADB6CB
66.7%	66.7% #9EACC1	RGB 158 172 193	#9EACC1
83.3%	83.3% #8FA4B8	RGB 143 164 184	#8FA4B8
100.0%	100.0% #829EAF	RGB 130 158 175	#829EAF

#DFDFE7 #CDCFDD #BDC2D4 #ADB6CB #9EACC1 #8FA4B8 #829EAF

#DFDFE7 - #ADB6CB - #829EAF

CSS codes

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

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