#9E5E5E - #F4AC80 | 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 #9E5E5E to #F4AC80

#9E5E5E #F4AC80

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

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

0.0%	0.0% #9E5E5E	RGB 158 94 94	#9E5E5E
16.7%	16.7% #AC6B63	RGB 172 107 99	#AC6B63
33.3%	33.3% #BA7869	RGB 186 120 105	#BA7869
50.0%	50.0% #C9856F	RGB 201 133 111	#C9856F
66.7%	66.7% #D79274	RGB 215 146 116	#D79274
83.3%	83.3% #E59F7A	RGB 229 159 122	#E59F7A
100.0%	100.0% #F4AC80	RGB 244 172 128	#F4AC80

#9E5E5E #AC6B63 #BA7869 #C9856F #D79274 #E59F7A #F4AC80

#9E5E5E - #F4AC80

HSV Blend

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

0.0%	0.0% #9E5E5E	RGB 158 94 94	#9E5E5E
16.7%	16.7% #AC6964	RGB 172 105 100	#AC6964
33.3%	33.3% #BA746A	RGB 186 116 106	#BA746A
50.0%	50.0% #C98170	RGB 201 129 112	#C98170
66.7%	66.7% #D78E76	RGB 215 142 118	#D78E76
83.3%	83.3% #E59C7B	RGB 229 156 123	#E59C7B
100.0%	100.0% #F4AC80	RGB 244 172 128	#F4AC80

#9E5E5E #AC6964 #BA746A #C98170 #D78E76 #E59C7B #F4AC80

#9E5E5E - #C98170 - #F4AC80

CSS codes

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

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