#9C5E66 - #5B2022 | 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 #9C5E66 to #5B2022

#9C5E66 #5B2022

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

#9C5E66 - #5B2022 | 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 #9C5E66 as 0% and #5B2022 as 100%.

0.0%	0.0% #9C5E66	RGB 156 94 102	#9C5E66
16.7%	16.7% #91535A	RGB 145 83 90	#91535A
33.3%	33.3% #86494F	RGB 134 73 79	#86494F
50.0%	50.0% #7B3F44	RGB 123 63 68	#7B3F44
66.7%	66.7% #703438	RGB 112 52 56	#703438
83.3%	83.3% #652A2D	RGB 101 42 45	#652A2D
100.0%	100.0% #5B2022	RGB 91 32 34	#5B2022

#9C5E66 #91535A #86494F #7B3F44 #703438 #652A2D #5B2022

#9C5E66 - #5B2022

HSV Blend

#9C5E66 - #5B2022 | 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 #9C5E66 as 0% and #5B2022 as 100%.

0.0%	0.0% #9C5E66	RGB 156 94 102	#9C5E66
16.7%	16.7% #915158	RGB 145 81 88	#915158
33.3%	33.3% #86454B	RGB 134 69 75	#86454B
50.0%	50.0% #7B3A40	RGB 123 58 64	#7B3A40
66.7%	66.7% #703135	RGB 112 49 53	#703135
83.3%	83.3% #65282B	RGB 101 40 43	#65282B
100.0%	100.0% #5B2022	RGB 91 32 34	#5B2022

#9C5E66 #915158 #86454B #7B3A40 #703135 #65282B #5B2022

#9C5E66 - #7B3A40 - #5B2022

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9C5E66 0%, #7B3A40 50%, #5B2022 100%);
    background: -webkit-linear-gradient(top, #9C5E66 0%, #7B3A40 50%, #5B2022 100%);
    background: linear-gradient(to bottom, #9C5E66 0%, #7B3A40 50%, #5B2022 100%);
}
</style>