#5E403C - #CF7160 | 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 #5E403C to #CF7160

#5E403C #CF7160

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

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

0.0%	0.0% #5E403C	RGB 94 64 60	#5E403C
16.7%	16.7% #704842	RGB 112 72 66	#704842
33.3%	33.3% #835048	RGB 131 80 72	#835048
50.0%	50.0% #96584E	RGB 150 88 78	#96584E
66.7%	66.7% #A96054	RGB 169 96 84	#A96054
83.3%	83.3% #BC685A	RGB 188 104 90	#BC685A
100.0%	100.0% #CF7160	RGB 207 113 96	#CF7160

#5E403C #704842 #835048 #96584E #A96054 #BC685A #CF7160

#5E403C - #CF7160

HSV Blend

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

0.0%	0.0% #5E403C	RGB 94 64 60	#5E403C
16.7%	16.7% #704A44	RGB 112 74 68	#704A44
33.3%	33.3% #83534C	RGB 131 83 76	#83534C
50.0%	50.0% #965C52	RGB 150 92 82	#965C52
66.7%	66.7% #A96358	RGB 169 99 88	#A96358
83.3%	83.3% #BC6A5C	RGB 188 106 92	#BC6A5C
100.0%	100.0% #CF7160	RGB 207 113 96	#CF7160

#5E403C #704A44 #83534C #965C52 #A96358 #BC6A5C #CF7160

#5E403C - #965C52 - #CF7160

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E403C 0%, #965C52 50%, #CF7160 100%);
    background: -webkit-linear-gradient(top, #5E403C 0%, #965C52 50%, #CF7160 100%);
    background: linear-gradient(to bottom, #5E403C 0%, #965C52 50%, #CF7160 100%);
}
</style>