#DCDEE7 - #829AAF | 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 #DCDEE7 to #829AAF

#DCDEE7 #829AAF

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

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

0.0%	0.0% #DCDEE7	RGB 220 222 231	#DCDEE7
16.7%	16.7% #CDD2DD	RGB 205 210 221	#CDD2DD
33.3%	33.3% #BEC7D4	RGB 190 199 212	#BEC7D4
50.0%	50.0% #AFBCCB	RGB 175 188 203	#AFBCCB
66.7%	66.7% #A0B0C1	RGB 160 176 193	#A0B0C1
83.3%	83.3% #91A5B8	RGB 145 165 184	#91A5B8
100.0%	100.0% #829AAF	RGB 130 154 175	#829AAF

#DCDEE7 #CDD2DD #BEC7D4 #AFBCCB #A0B0C1 #91A5B8 #829AAF

#DCDEE7 - #829AAF

HSV Blend

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

0.0%	0.0% #DCDEE7	RGB 220 222 231	#DCDEE7
16.7%	16.7% #CBCFDD	RGB 203 207 221	#CBCFDD
33.3%	33.3% #BBC2D4	RGB 187 194 212	#BBC2D4
50.0%	50.0% #ACB7CB	RGB 172 183 203	#ACB7CB
66.7%	66.7% #9DACC1	RGB 157 172 193	#9DACC1
83.3%	83.3% #8FA2B8	RGB 143 162 184	#8FA2B8
100.0%	100.0% #829AAF	RGB 130 154 175	#829AAF

#DCDEE7 #CBCFDD #BBC2D4 #ACB7CB #9DACC1 #8FA2B8 #829AAF

#DCDEE7 - #ACB7CB - #829AAF

CSS codes

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

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