#5E3040 - #C57260 | 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 #5E3040 to #C57260

#5E3040 #C57260

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

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

0.0%	0.0% #5E3040	RGB 94 48 64	#5E3040
16.7%	16.7% #6F3B45	RGB 111 59 69	#6F3B45
33.3%	33.3% #80464A	RGB 128 70 74	#80464A
50.0%	50.0% #915150	RGB 145 81 80	#915150
66.7%	66.7% #A25C55	RGB 162 92 85	#A25C55
83.3%	83.3% #B3675A	RGB 179 103 90	#B3675A
100.0%	100.0% #C57260	RGB 197 114 96	#C57260

#5E3040 #6F3B45 #80464A #915150 #A25C55 #B3675A #C57260

#5E3040 - #C57260

HSV Blend

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

0.0%	0.0% #5E303F	RGB 94 48 63	#5E303F
16.7%	16.7% #6F3846	RGB 111 56 70	#6F3846
33.3%	33.3% #80404B	RGB 128 64 75	#80404B
50.0%	50.0% #91484E	RGB 145 72 78	#91484E
66.7%	66.7% #A25050	RGB 162 80 80	#A25050
83.3%	83.3% #B36058	RGB 179 96 88	#B36058
100.0%	100.0% #C57260	RGB 197 114 96	#C57260

#5E303F #6F3846 #80404B #91484E #A25050 #B36058 #C57260

#5E3040 - #91484E - #C57260

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E303F 0%, #91484E 50%, #C57260 100%);
    background: -webkit-linear-gradient(top, #5E303F 0%, #91484E 50%, #C57260 100%);
    background: linear-gradient(to bottom, #5E303F 0%, #91484E 50%, #C57260 100%);
}
</style>