#5E353F - #C45C5C | 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 #5E353F to #C45C5C

#5E353F #C45C5C

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

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

0.0%	0.0% #5E353F	RGB 94 53 63	#5E353F
16.7%	16.7% #6F3B43	RGB 111 59 67	#6F3B43
33.3%	33.3% #804248	RGB 128 66 72	#804248
50.0%	50.0% #91484D	RGB 145 72 77	#91484D
66.7%	66.7% #A24F52	RGB 162 79 82	#A24F52
83.3%	83.3% #B35557	RGB 179 85 87	#B35557
100.0%	100.0% #C45C5C	RGB 196 92 92	#C45C5C

#5E353F #6F3B43 #804248 #91484D #A24F52 #B35557 #C45C5C

#5E353F - #C45C5C

HSV Blend

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

0.0%	0.0% #5E353F	RGB 94 53 63	#5E353F
16.7%	16.7% #6F3C47	RGB 111 60 71	#6F3C47
33.3%	33.3% #80444D	RGB 128 68 77	#80444D
50.0%	50.0% #914A53	RGB 145 74 83	#914A53
66.7%	66.7% #A25157	RGB 162 81 87	#A25157
83.3%	83.3% #B3565A	RGB 179 86 90	#B3565A
100.0%	100.0% #C45C5C	RGB 196 92 92	#C45C5C

#5E353F #6F3C47 #80444D #914A53 #A25157 #B3565A #C45C5C

#5E353F - #914A53 - #C45C5C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E353F 0%, #914A53 50%, #C45C5C 100%);
    background: -webkit-linear-gradient(top, #5E353F 0%, #914A53 50%, #C45C5C 100%);
    background: linear-gradient(to bottom, #5E353F 0%, #914A53 50%, #C45C5C 100%);
}
</style>