#999494 - #FFD8B5 | 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 #999494 to #FFD8B5

#999494 #FFD8B5

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

#999494 - #FFD8B5 | 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 #999494 as 0% and #FFD8B5 as 100%.

0.0%	0.0% #999494	RGB 153 148 148	#999494
16.7%	16.7% #AA9F99	RGB 170 159 153	#AA9F99
33.3%	33.3% #BBAA9F	RGB 187 170 159	#BBAA9F
50.0%	50.0% #CCB6A4	RGB 204 182 164	#CCB6A4
66.7%	66.7% #DDC1AA	RGB 221 193 170	#DDC1AA
83.3%	83.3% #EECCAF	RGB 238 204 175	#EECCAF
100.0%	100.0% #FFD8B5	RGB 255 216 181	#FFD8B5

#999494 #AA9F99 #BBAA9F #CCB6A4 #DDC1AA #EECCAF #FFD8B5

#999494 - #FFD8B5

HSV Blend

#999494 - #FFD8B5 | 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 #999494 as 0% and #FFD8B5 as 100%.

0.0%	0.0% #999494	RGB 153 148 148	#999494
16.7%	16.7% #AA9E9D	RGB 170 158 157	#AA9E9D
33.3%	33.3% #BBA8A4	RGB 187 168 164	#BBA8A4
50.0%	50.0% #CCB2AB	RGB 204 178 171	#CCB2AB
66.7%	66.7% #DDBEAF	RGB 221 190 175	#DDBEAF
83.3%	83.3% #EECAB3	RGB 238 202 179	#EECAB3
100.0%	100.0% #FFD8B5	RGB 255 216 181	#FFD8B5

#999494 #AA9E9D #BBA8A4 #CCB2AB #DDBEAF #EECAB3 #FFD8B5

#999494 - #CCB2AB - #FFD8B5

CSS codes

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

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