#9F3B5E - #F38875 | 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 #9F3B5E to #F38875

#9F3B5E #F38875

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

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

0.0%	0.0% #9F3B5E	RGB 159 59 94	#9F3B5E
16.7%	16.7% #AD4761	RGB 173 71 97	#AD4761
33.3%	33.3% #BB5465	RGB 187 84 101	#BB5465
50.0%	50.0% #C96169	RGB 201 97 105	#C96169
66.7%	66.7% #D76E6D	RGB 215 110 109	#D76E6D
83.3%	83.3% #E57B71	RGB 229 123 113	#E57B71
100.0%	100.0% #F38875	RGB 243 136 117	#F38875

#9F3B5E #AD4761 #BB5465 #C96169 #D76E6D #E57B71 #F38875

#9F3B5E - #F38875

HSV Blend

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

0.0%	0.0% #9F3B5E	RGB 159 59 94	#9F3B5E
16.7%	16.7% #AD435F	RGB 173 67 95	#AD435F
33.3%	33.3% #BB4C60	RGB 187 76 96	#BB4C60
50.0%	50.0% #C95561	RGB 201 85 97	#C95561
66.7%	66.7% #D75F61	RGB 215 95 97	#D75F61
83.3%	83.3% #E5726A	RGB 229 114 106	#E5726A
100.0%	100.0% #F38875	RGB 243 136 117	#F38875

#9F3B5E #AD435F #BB4C60 #C95561 #D75F61 #E5726A #F38875

#9F3B5E - #C95561 - #F38875

CSS codes

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

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