#9F6D5E - #F67ED5 | 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 #9F6D5E to #F67ED5

#9F6D5E #F67ED5

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

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

0.0%	0.0% #9F6D5E	RGB 159 109 94	#9F6D5E
16.7%	16.7% #AD6F71	RGB 173 111 113	#AD6F71
33.3%	33.3% #BC7285	RGB 188 114 133	#BC7285
50.0%	50.0% #CA7599	RGB 202 117 153	#CA7599
66.7%	66.7% #D978AD	RGB 217 120 173	#D978AD
83.3%	83.3% #E77BC1	RGB 231 123 193	#E77BC1
100.0%	100.0% #F67ED5	RGB 246 126 213	#F67ED5

#9F6D5E #AD6F71 #BC7285 #CA7599 #D978AD #E77BC1 #F67ED5

#9F6D5E - #F67ED5

HSV Blend

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

0.0%	0.0% #9F6D5E	RGB 159 109 94	#9F6D5E
16.7%	16.7% #AD6964	RGB 173 105 100	#AD6964
33.3%	33.3% #BC6A71	RGB 188 106 113	#BC6A71
50.0%	50.0% #CA6F86	RGB 202 111 134	#CA6F86
66.7%	66.7% #D9749D	RGB 217 116 157	#D9749D
83.3%	83.3% #E779B7	RGB 231 121 183	#E779B7
100.0%	100.0% #F67ED5	RGB 246 126 213	#F67ED5

#9F6D5E #AD6964 #BC6A71 #CA6F86 #D9749D #E779B7 #F67ED5

#9F6D5E - #CA6F86 - #F67ED5

CSS codes

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

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