#9A818C - #FEA99C | 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 #9A818C to #FEA99C

#9A818C #FEA99C

Calculate the color between two colors, #9A818C and #FEA99C. 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)

#9A818C - #FEA99C | 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 #9A818C as 0% and #FEA99C as 100%.

0.0%	0.0% #9A818C	RGB 154 129 140	#9A818C
16.7%	16.7% #AA878E	RGB 170 135 142	#AA878E
33.3%	33.3% #BB8E91	RGB 187 142 145	#BB8E91
50.0%	50.0% #CC9594	RGB 204 149 148	#CC9594
66.7%	66.7% #DC9B96	RGB 220 155 150	#DC9B96
83.3%	83.3% #EDA299	RGB 237 162 153	#EDA299
100.0%	100.0% #FEA99C	RGB 254 169 156	#FEA99C

#9A818C #AA878E #BB8E91 #CC9594 #DC9B96 #EDA299 #FEA99C

#9A818C - #FEA99C

HSV Blend

#9A818C - #FEA99C | 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 #9A818C as 0% and #FEA99C as 100%.

0.0%	0.0% #9A818C	RGB 154 129 140	#9A818C
16.7%	16.7% #AA8894	RGB 170 136 148	#AA8894
33.3%	33.3% #BB8E9A	RGB 187 142 154	#BB8E9A
50.0%	50.0% #CC949C	RGB 204 148 156	#CC949C
66.7%	66.7% #DC979B	RGB 220 151 155	#DC979B
83.3%	83.3% #ED9D9A	RGB 237 157 154	#ED9D9A
100.0%	100.0% #FEA99C	RGB 254 169 156	#FEA99C

#9A818C #AA8894 #BB8E9A #CC949C #DC979B #ED9D9A #FEA99C

#9A818C - #CC949C - #FEA99C

CSS codes

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

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