#5E2D36 - #C05251 | 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 #5E2D36 to #C05251

#5E2D36 #C05251

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

#5E2D36 - #C05251 | 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 #5E2D36 as 0% and #C05251 as 100%.

0.0%	0.0% #5E2D36	RGB 94 45 54	#5E2D36
16.7%	16.7% #6E333A	RGB 110 51 58	#6E333A
33.3%	33.3% #7E393F	RGB 126 57 63	#7E393F
50.0%	50.0% #8F3F43	RGB 143 63 67	#8F3F43
66.7%	66.7% #9F4548	RGB 159 69 72	#9F4548
83.3%	83.3% #AF4B4C	RGB 175 75 76	#AF4B4C
100.0%	100.0% #C05251	RGB 192 82 81	#C05251

#5E2D36 #6E333A #7E393F #8F3F43 #9F4548 #AF4B4C #C05251

#5E2D36 - #C05251

HSV Blend

#5E2D36 - #C05251 | 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 #5E2D36 as 0% and #C05251 as 100%.

0.0%	0.0% #5E2D35	RGB 94 45 53	#5E2D35
16.7%	16.7% #6E333C	RGB 110 51 60	#6E333C
33.3%	33.3% #7E3A42	RGB 126 58 66	#7E3A42
50.0%	50.0% #8F4047	RGB 143 64 71	#8F4047
66.7%	66.7% #9F464B	RGB 159 70 75	#9F464B
83.3%	83.3% #AF4B4E	RGB 175 75 78	#AF4B4E
100.0%	100.0% #C05251	RGB 192 82 81	#C05251

#5E2D35 #6E333C #7E3A42 #8F4047 #9F464B #AF4B4E #C05251

#5E2D36 - #8F4047 - #C05251

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E2D35 0%, #8F4047 50%, #C05251 100%);
    background: -webkit-linear-gradient(top, #5E2D35 0%, #8F4047 50%, #C05251 100%);
    background: linear-gradient(to bottom, #5E2D35 0%, #8F4047 50%, #C05251 100%);
}
</style>