#5E2F3C - #C05455 | 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 #5E2F3C to #C05455

#5E2F3C #C05455

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

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

0.0%	0.0% #5E2F3C	RGB 94 47 60	#5E2F3C
16.7%	16.7% #6E3540	RGB 110 53 64	#6E3540
33.3%	33.3% #7E3B44	RGB 126 59 68	#7E3B44
50.0%	50.0% #8F4148	RGB 143 65 72	#8F4148
66.7%	66.7% #9F474C	RGB 159 71 76	#9F474C
83.3%	83.3% #AF4D50	RGB 175 77 80	#AF4D50
100.0%	100.0% #C05455	RGB 192 84 85	#C05455

#5E2F3C #6E3540 #7E3B44 #8F4148 #9F474C #AF4D50 #C05455

#5E2F3C - #C05455

HSV Blend

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

0.0%	0.0% #5E2F3C	RGB 94 47 60	#5E2F3C
16.7%	16.7% #6E3643	RGB 110 54 67	#6E3643
33.3%	33.3% #7E3C49	RGB 126 60 73	#7E3C49
50.0%	50.0% #8F434D	RGB 143 67 77	#8F434D
66.7%	66.7% #9F4951	RGB 159 73 81	#9F4951
83.3%	83.3% #AF4E53	RGB 175 78 83	#AF4E53
100.0%	100.0% #C05455	RGB 192 84 85	#C05455

#5E2F3C #6E3643 #7E3C49 #8F434D #9F4951 #AF4E53 #C05455

#5E2F3C - #8F434D - #C05455

CSS codes

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

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