#818583 - #DBDCDB | 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 #818583 to #DBDCDB

#818583 #DBDCDB

Calculate the color between two colors, #818583 and #DBDCDB. 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)

#818583 - #DBDCDB | 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 #818583 as 0% and #DBDCDB as 100%.

0.0%	0.0% #818583	RGB 129 133 131	#818583
16.7%	16.7% #909391	RGB 144 147 145	#909391
33.3%	33.3% #9FA2A0	RGB 159 162 160	#9FA2A0
50.0%	50.0% #AEB0AF	RGB 174 176 175	#AEB0AF
66.7%	66.7% #BDBFBD	RGB 189 191 189	#BDBFBD
83.3%	83.3% #CCCDCC	RGB 204 205 204	#CCCDCC
100.0%	100.0% #DBDCDB	RGB 219 220 219	#DBDCDB

#818583 #909391 #9FA2A0 #AEB0AF #BDBFBD #CCCDCC #DBDCDB

#818583 - #DBDCDB

HSV Blend

#818583 - #DBDCDB | 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 #818583 as 0% and #DBDCDB as 100%.

0.0%	0.0% #818583	RGB 129 133 131	#818583
16.7%	16.7% #8F9391	RGB 143 147 145	#8F9391
33.3%	33.3% #9EA29F	RGB 158 162 159	#9EA29F
50.0%	50.0% #ADB0AE	RGB 173 176 174	#ADB0AE
66.7%	66.7% #BCBFBC	RGB 188 191 188	#BCBFBC
83.3%	83.3% #CBCDCB	RGB 203 205 203	#CBCDCB
100.0%	100.0% #DBDCDB	RGB 219 220 219	#DBDCDB

#818583 #8F9391 #9EA29F #ADB0AE #BCBFBC #CBCDCB #DBDCDB

#818583 - #ADB0AE - #DBDCDB

CSS codes

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

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