#848B7B - #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 #848B7B to #DBDDD9

#848B7B #DBDDD9

Calculate the color between two colors, #848B7B 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)

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

0.0%	0.0% #848B7B	RGB 132 139 123	#848B7B
16.7%	16.7% #92988A	RGB 146 152 138	#92988A
33.3%	33.3% #A1A69A	RGB 161 166 154	#A1A69A
50.0%	50.0% #AFB4AA	RGB 175 180 170	#AFB4AA
66.7%	66.7% #BEC1B9	RGB 190 193 185	#BEC1B9
83.3%	83.3% #CCCFC9	RGB 204 207 201	#CCCFC9
100.0%	100.0% #DBDDD9	RGB 219 221 217	#DBDDD9

#848B7B #92988A #A1A69A #AFB4AA #BEC1B9 #CCCFC9 #DBDDD9

#848B7B - #DBDDD9

HSV Blend

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

0.0%	0.0% #848B7B	RGB 132 139 123	#848B7B
16.7%	16.7% #919889	RGB 145 152 137	#919889
33.3%	33.3% #A0A698	RGB 160 166 152	#A0A698
50.0%	50.0% #AEB4A8	RGB 174 180 168	#AEB4A8
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

#848B7B #919889 #A0A698 #AEB4A8 #BCC1B7 #CBCFC8 #DBDDD9

#848B7B - #AEB4A8 - #DBDDD9

CSS codes

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

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