#9A8992 - #FFCFAC | 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 #9A8992 to #FFCFAC

#9A8992 #FFCFAC

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

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

0.0%	0.0% #9A8992	RGB 154 137 146	#9A8992
16.7%	16.7% #AA9496	RGB 170 148 150	#AA9496
33.3%	33.3% #BBA09A	RGB 187 160 154	#BBA09A
50.0%	50.0% #CCAC9F	RGB 204 172 159	#CCAC9F
66.7%	66.7% #DDB7A3	RGB 221 183 163	#DDB7A3
83.3%	83.3% #EEC3A7	RGB 238 195 167	#EEC3A7
100.0%	100.0% #FFCFAC	RGB 255 207 172	#FFCFAC

#9A8992 #AA9496 #BBA09A #CCAC9F #DDB7A3 #EEC3A7 #FFCFAC

#9A8992 - #FFCFAC

HSV Blend

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

0.0%	0.0% #9A8992	RGB 154 137 146	#9A8992
16.7%	16.7% #AA919B	RGB 170 145 155	#AA919B
33.3%	33.3% #BB99A0	RGB 187 153 160	#BB99A0
50.0%	50.0% #CC9FA2	RGB 204 159 162	#CC9FA2
66.7%	66.7% #DDABA5	RGB 221 171 165	#DDABA5
83.3%	83.3% #EEBBA9	RGB 238 187 169	#EEBBA9
100.0%	100.0% #FFCFAC	RGB 255 207 172	#FFCFAC

#9A8992 #AA919B #BB99A0 #CC9FA2 #DDABA5 #EEBBA9 #FFCFAC

#9A8992 - #CC9FA2 - #FFCFAC

CSS codes

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

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