#9F5757 - #782014 | 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 #9F5757 to #782014

#9F5757 #782014

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

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

0.0%	0.0% #9F5757	RGB 159 87 87	#9F5757
16.7%	16.7% #984D4B	RGB 152 77 75	#984D4B
33.3%	33.3% #924440	RGB 146 68 64	#924440
50.0%	50.0% #8B3B35	RGB 139 59 53	#8B3B35
66.7%	66.7% #85322A	RGB 133 50 42	#85322A
83.3%	83.3% #7E291F	RGB 126 41 31	#7E291F
100.0%	100.0% #782014	RGB 120 32 20	#782014

#9F5757 #984D4B #924440 #8B3B35 #85322A #7E291F #782014

#9F5757 - #782014

HSV Blend

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

0.0%	0.0% #9F5757	RGB 159 87 87	#9F5757
16.7%	16.7% #984B49	RGB 152 75 73	#984B49
33.3%	33.3% #92403D	RGB 146 64 61	#92403D
50.0%	50.0% #8B3731	RGB 139 55 49	#8B3731
66.7%	66.7% #852E27	RGB 133 46 39	#852E27
83.3%	83.3% #7E261D	RGB 126 38 29	#7E261D
100.0%	100.0% #782014	RGB 120 32 20	#782014

#9F5757 #984B49 #92403D #8B3731 #852E27 #7E261D #782014

#9F5757 - #8B3731 - #782014

CSS codes

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

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