#5E3A48 - #C8616E | 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 #5E3A48 to #C8616E

#5E3A48 #C8616E

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

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

0.0%	0.0% #5E3A48	RGB 94 58 72	#5E3A48
16.7%	16.7% #6F404E	RGB 111 64 78	#6F404E
33.3%	33.3% #814754	RGB 129 71 84	#814754
50.0%	50.0% #934D5B	RGB 147 77 91	#934D5B
66.7%	66.7% #A45461	RGB 164 84 97	#A45461
83.3%	83.3% #B65A67	RGB 182 90 103	#B65A67
100.0%	100.0% #C8616E	RGB 200 97 110	#C8616E

#5E3A48 #6F404E #814754 #934D5B #A45461 #B65A67 #C8616E

#5E3A48 - #C8616E

HSV Blend

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

0.0%	0.0% #5E3A48	RGB 94 58 72	#5E3A48
16.7%	16.7% #6F4252	RGB 111 66 82	#6F4252
33.3%	33.3% #814A5A	RGB 129 74 90	#814A5A
50.0%	50.0% #935061	RGB 147 80 97	#935061
66.7%	66.7% #A45767	RGB 164 87 103	#A45767
83.3%	83.3% #B65C6B	RGB 182 92 107	#B65C6B
100.0%	100.0% #C8616E	RGB 200 97 110	#C8616E

#5E3A48 #6F4252 #814A5A #935061 #A45767 #B65C6B #C8616E

#5E3A48 - #935061 - #C8616E

CSS codes

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

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