#829EB6 - #D8D1C5 | 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 #829EB6 to #D8D1C5

#829EB6 #D8D1C5

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

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

0.0%	0.0% #829EB6	RGB 130 158 182	#829EB6
16.7%	16.7% #90A6B8	RGB 144 166 184	#90A6B8
33.3%	33.3% #9EAFBB	RGB 158 175 187	#9EAFBB
50.0%	50.0% #ADB7BD	RGB 173 183 189	#ADB7BD
66.7%	66.7% #BBC0C0	RGB 187 192 192	#BBC0C0
83.3%	83.3% #C9C8C2	RGB 201 200 194	#C9C8C2
100.0%	100.0% #D8D1C5	RGB 216 209 197	#D8D1C5

#829EB6 #90A6B8 #9EAFBB #ADB7BD #BBC0C0 #C9C8C2 #D8D1C5

#829EB6 - #D8D1C5

HSV Blend

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

0.0%	0.0% #829EB6	RGB 130 158 182	#829EB6
16.7%	16.7% #8CBBBB	RGB 140 187 187	#8CBBBB
33.3%	33.3% #96C1AC	RGB 150 193 172	#96C1AC
50.0%	50.0% #A1C7A3	RGB 161 199 163	#A1C7A3
66.7%	66.7% #BACCAD	RGB 186 204 173	#BACCAD
83.3%	83.3% #CFD2B8	RGB 207 210 184	#CFD2B8
100.0%	100.0% #D8D1C5	RGB 216 209 197	#D8D1C5

#829EB6 #8CBBBB #96C1AC #A1C7A3 #BACCAD #CFD2B8 #D8D1C5

#829EB6 - #A1C7A3 - #D8D1C5

CSS codes

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

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