#9F5555 - #F3A275 | 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 #9F5555 to #F3A275

#9F5555 #F3A275

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

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

0.0%	0.0% #9F5555	RGB 159 85 85	#9F5555
16.7%	16.7% #AD615A	RGB 173 97 90	#AD615A
33.3%	33.3% #BB6E5F	RGB 187 110 95	#BB6E5F
50.0%	50.0% #C97B65	RGB 201 123 101	#C97B65
66.7%	66.7% #D7886A	RGB 215 136 106	#D7886A
83.3%	83.3% #E5956F	RGB 229 149 111	#E5956F
100.0%	100.0% #F3A275	RGB 243 162 117	#F3A275

#9F5555 #AD615A #BB6E5F #C97B65 #D7886A #E5956F #F3A275

#9F5555 - #F3A275

HSV Blend

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

0.0%	0.0% #9F5555	RGB 159 85 85	#9F5555
16.7%	16.7% #AD5F5A	RGB 173 95 90	#AD5F5A
33.3%	33.3% #BB6B60	RGB 187 107 96	#BB6B60
50.0%	50.0% #C97766	RGB 201 119 102	#C97766
66.7%	66.7% #D7846B	RGB 215 132 107	#D7846B
83.3%	83.3% #E59370	RGB 229 147 112	#E59370
100.0%	100.0% #F3A275	RGB 243 162 117	#F3A275

#9F5555 #AD5F5A #BB6B60 #C97766 #D7846B #E59370 #F3A275

#9F5555 - #C97766 - #F3A275

CSS codes

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

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