#838670 - #DBDCD6 | 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 #838670 to #DBDCD6

#838670 #DBDCD6

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

#838670 - #DBDCD6 | 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 #838670 as 0% and #DBDCD6 as 100%.

0.0%	0.0% #838670	RGB 131 134 112	#838670
16.7%	16.7% #919481	RGB 145 148 129	#919481
33.3%	33.3% #A0A292	RGB 160 162 146	#A0A292
50.0%	50.0% #AFB1A3	RGB 175 177 163	#AFB1A3
66.7%	66.7% #BDBFB4	RGB 189 191 180	#BDBFB4
83.3%	83.3% #CCCDC5	RGB 204 205 197	#CCCDC5
100.0%	100.0% #DBDCD6	RGB 219 220 214	#DBDCD6

#838670 #919481 #A0A292 #AFB1A3 #BDBFB4 #CCCDC5 #DBDCD6

#838670 - #DBDCD6

HSV Blend

#838670 - #DBDCD6 | 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 #838670 as 0% and #DBDCD6 as 100%.

0.0%	0.0% #838670	RGB 131 134 112	#838670
16.7%	16.7% #91947F	RGB 145 148 127	#91947F
33.3%	33.3% #9FA28F	RGB 159 162 143	#9FA28F
50.0%	50.0% #AEB1A0	RGB 174 177 160	#AEB1A0
66.7%	66.7% #BDBFB1	RGB 189 191 177	#BDBFB1
83.3%	83.3% #CCCDC3	RGB 204 205 195	#CCCDC3
100.0%	100.0% #DBDCD6	RGB 219 220 214	#DBDCD6

#838670 #91947F #9FA28F #AEB1A0 #BDBFB1 #CCCDC3 #DBDCD6

#838670 - #AEB1A0 - #DBDCD6

CSS codes

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

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