#848488 - #D4BB9A | 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 #848488 to #D4BB9A

#848488 #D4BB9A

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

#848488 - #D4BB9A | 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 #848488 as 0% and #D4BB9A as 100%.

0.0%	0.0% #848488	RGB 132 132 136	#848488
16.7%	16.7% #918D8B	RGB 145 141 139	#918D8B
33.3%	33.3% #9E968E	RGB 158 150 142	#9E968E
50.0%	50.0% #AC9F91	RGB 172 159 145	#AC9F91
66.7%	66.7% #B9A894	RGB 185 168 148	#B9A894
83.3%	83.3% #C6B197	RGB 198 177 151	#C6B197
100.0%	100.0% #D4BB9A	RGB 212 187 154	#D4BB9A

#848488 #918D8B #9E968E #AC9F91 #B9A894 #C6B197 #D4BB9A

#848488 - #D4BB9A

HSV Blend

#848488 - #D4BB9A | 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 #848488 as 0% and #D4BB9A as 100%.

0.0%	0.0% #848488	RGB 132 132 136	#848488
16.7%	16.7% #8E8A94	RGB 142 138 148	#8E8A94
33.3%	33.3% #9E8FA1	RGB 158 143 161	#9E8FA1
50.0%	50.0% #AE93A6	RGB 174 147 166	#AE93A6
66.7%	66.7% #BA96A1	RGB 186 150 161	#BA96A1
83.3%	83.3% #C79F98	RGB 199 159 152	#C79F98
100.0%	100.0% #D4BB9A	RGB 212 187 154	#D4BB9A

#848488 #8E8A94 #9E8FA1 #AE93A6 #BA96A1 #C79F98 #D4BB9A

#848488 - #AE93A6 - #D4BB9A

CSS codes

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

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