#82829A - #DBDBE2 | 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 #82829A to #DBDBE2

#82829A #DBDBE2

Calculate the color between two colors, #82829A and #DBDBE2. 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)

#82829A - #DBDBE2 | 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 #82829A as 0% and #DBDBE2 as 100%.

0.0%	0.0% #82829A	RGB 130 130 154	#82829A
16.7%	16.7% #9090A6	RGB 144 144 166	#9090A6
33.3%	33.3% #9F9FB2	RGB 159 159 178	#9F9FB2
50.0%	50.0% #AEAEBE	RGB 174 174 190	#AEAEBE
66.7%	66.7% #BDBDCA	RGB 189 189 202	#BDBDCA
83.3%	83.3% #CCCCD6	RGB 204 204 214	#CCCCD6
100.0%	100.0% #DBDBE2	RGB 219 219 226	#DBDBE2

#82829A #9090A6 #9F9FB2 #AEAEBE #BDBDCA #CCCCD6 #DBDBE2

#82829A - #DBDBE2

HSV Blend

#82829A - #DBDBE2 | 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 #82829A as 0% and #DBDBE2 as 100%.

0.0%	0.0% #82829A	RGB 130 130 154	#82829A
16.7%	16.7% #8F8FA6	RGB 143 143 166	#8F8FA6
33.3%	33.3% #9D9DB2	RGB 157 157 178	#9D9DB2
50.0%	50.0% #ACACBE	RGB 172 172 190	#ACACBE
66.7%	66.7% #BBBBCA	RGB 187 187 202	#BBBBCA
83.3%	83.3% #CACAD6	RGB 202 202 214	#CACAD6
100.0%	100.0% #DBDBE2	RGB 219 219 226	#DBDBE2

#82829A #8F8FA6 #9D9DB2 #ACACBE #BBBBCA #CACAD6 #DBDBE2

#82829A - #ACACBE - #DBDBE2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #82829A 0%, #ACACBE 50%, #DBDBE2 100%);
    background: -webkit-linear-gradient(top, #82829A 0%, #ACACBE 50%, #DBDBE2 100%);
    background: linear-gradient(to bottom, #82829A 0%, #ACACBE 50%, #DBDBE2 100%);
}
</style>