#9A8194 - #FE9CAC | 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 #9A8194 to #FE9CAC

#9A8194 #FE9CAC

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

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

0.0%	0.0% #9A8194	RGB 154 129 148	#9A8194
16.7%	16.7% #AA8598	RGB 170 133 152	#AA8598
33.3%	33.3% #BB8A9C	RGB 187 138 156	#BB8A9C
50.0%	50.0% #CC8EA0	RGB 204 142 160	#CC8EA0
66.7%	66.7% #DC93A4	RGB 220 147 164	#DC93A4
83.3%	83.3% #ED97A8	RGB 237 151 168	#ED97A8
100.0%	100.0% #FE9CAC	RGB 254 156 172	#FE9CAC

#9A8194 #AA8598 #BB8A9C #CC8EA0 #DC93A4 #ED97A8 #FE9CAC

#9A8194 - #FE9CAC

HSV Blend

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

0.0%	0.0% #9A8194	RGB 154 129 148	#9A8194
16.7%	16.7% #AA889F	RGB 170 136 159	#AA889F
33.3%	33.3% #BB8EA7	RGB 187 142 167	#BB8EA7
50.0%	50.0% #CC94AD	RGB 204 148 173	#CC94AD
66.7%	66.7% #DC97B0	RGB 220 151 176	#DC97B0
83.3%	83.3% #ED9AB0	RGB 237 154 176	#ED9AB0
100.0%	100.0% #FE9CAC	RGB 254 156 172	#FE9CAC

#9A8194 #AA889F #BB8EA7 #CC94AD #DC97B0 #ED9AB0 #FE9CAC

#9A8194 - #CC94AD - #FE9CAC

CSS codes

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

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