#927F7F - #F9C9A3 | 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 #927F7F to #F9C9A3

#927F7F #F9C9A3

Calculate the color between two colors, #927F7F and #F9C9A3. 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)

#927F7F - #F9C9A3 | 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 #927F7F as 0% and #F9C9A3 as 100%.

0.0%	0.0% #927F7F	RGB 146 127 127	#927F7F
16.7%	16.7% #A38B85	RGB 163 139 133	#A38B85
33.3%	33.3% #B4978B	RGB 180 151 139	#B4978B
50.0%	50.0% #C5A491	RGB 197 164 145	#C5A491
66.7%	66.7% #D6B097	RGB 214 176 151	#D6B097
83.3%	83.3% #E7BC9D	RGB 231 188 157	#E7BC9D
100.0%	100.0% #F9C9A3	RGB 249 201 163	#F9C9A3

#927F7F #A38B85 #B4978B #C5A491 #D6B097 #E7BC9D #F9C9A3

#927F7F - #F9C9A3

HSV Blend

#927F7F - #F9C9A3 | 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 #927F7F as 0% and #F9C9A3 as 100%.

0.0%	0.0% #927F7F	RGB 146 127 127	#927F7F
16.7%	16.7% #A38A88	RGB 163 138 136	#A38A88
33.3%	33.3% #B4958F	RGB 180 149 143	#B4958F
50.0%	50.0% #C5A096	RGB 197 160 150	#C5A096
66.7%	66.7% #D6AD9B	RGB 214 173 155	#D6AD9B
83.3%	83.3% #E7BAA0	RGB 231 186 160	#E7BAA0
100.0%	100.0% #F9C9A3	RGB 249 201 163	#F9C9A3

#927F7F #A38A88 #B4958F #C5A096 #D6AD9B #E7BAA0 #F9C9A3

#927F7F - #C5A096 - #F9C9A3

CSS codes

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

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