#82897A - #DBDDD9 | 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 #82897A to #DBDDD9

#82897A #DBDDD9

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

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

0.0%	0.0% #82897A	RGB 130 137 122	#82897A
16.7%	16.7% #909789	RGB 144 151 137	#909789
33.3%	33.3% #9FA599	RGB 159 165 153	#9FA599
50.0%	50.0% #AEB3A9	RGB 174 179 169	#AEB3A9
66.7%	66.7% #BDC1B9	RGB 189 193 185	#BDC1B9
83.3%	83.3% #CCCFC9	RGB 204 207 201	#CCCFC9
100.0%	100.0% #DBDDD9	RGB 219 221 217	#DBDDD9

#82897A #909789 #9FA599 #AEB3A9 #BDC1B9 #CCCFC9 #DBDDD9

#82897A - #DBDDD9

HSV Blend

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

0.0%	0.0% #82897A	RGB 130 137 122	#82897A
16.7%	16.7% #909788	RGB 144 151 136	#909788
33.3%	33.3% #9EA597	RGB 158 165 151	#9EA597
50.0%	50.0% #ADB3A7	RGB 173 179 167	#ADB3A7
66.7%	66.7% #BCC1B7	RGB 188 193 183	#BCC1B7
83.3%	83.3% #CBCFC8	RGB 203 207 200	#CBCFC8
100.0%	100.0% #DBDDD9	RGB 219 221 217	#DBDDD9

#82897A #909788 #9EA597 #ADB3A7 #BCC1B7 #CBCFC8 #DBDDD9

#82897A - #ADB3A7 - #DBDDD9

CSS codes

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

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