#999A8C - #E6C3A6 | 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 #999A8C to #E6C3A6

#999A8C #E6C3A6

Calculate the color between two colors, #999A8C and #E6C3A6. 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)

#999A8C - #E6C3A6 | 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 #999A8C as 0% and #E6C3A6 as 100%.

0.0%	0.0% #999A8C	RGB 153 154 140	#999A8C
16.7%	16.7% #A5A090	RGB 165 160 144	#A5A090
33.3%	33.3% #B2A794	RGB 178 167 148	#B2A794
50.0%	50.0% #BFAE99	RGB 191 174 153	#BFAE99
66.7%	66.7% #CCB59D	RGB 204 181 157	#CCB59D
83.3%	83.3% #D9BCA1	RGB 217 188 161	#D9BCA1
100.0%	100.0% #E6C3A6	RGB 230 195 166	#E6C3A6

#999A8C #A5A090 #B2A794 #BFAE99 #CCB59D #D9BCA1 #E6C3A6

#999A8C - #E6C3A6

HSV Blend

#999A8C - #E6C3A6 | 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 #999A8C as 0% and #E6C3A6 as 100%.

0.0%	0.0% #999A8C	RGB 153 154 140	#999A8C
16.7%	16.7% #A6A692	RGB 166 166 146	#A6A692
33.3%	33.3% #B3AF97	RGB 179 175 151	#B3AF97
50.0%	50.0% #C0B79C	RGB 192 183 156	#C0B79C
66.7%	66.7% #CCBDA0	RGB 204 189 160	#CCBDA0
83.3%	83.3% #D9C1A3	RGB 217 193 163	#D9C1A3
100.0%	100.0% #E6C3A6	RGB 230 195 166	#E6C3A6

#999A8C #A6A692 #B3AF97 #C0B79C #CCBDA0 #D9C1A3 #E6C3A6

#999A8C - #C0B79C - #E6C3A6

CSS codes

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

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