#5E3846 - #CB997A | 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 #5E3846 to #CB997A

#5E3846 #CB997A

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

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

0.0%	0.0% #5E3846	RGB 94 56 70	#5E3846
16.7%	16.7% #70484E	RGB 112 72 78	#70484E
33.3%	33.3% #825857	RGB 130 88 87	#825857
50.0%	50.0% #946860	RGB 148 104 96	#946860
66.7%	66.7% #A67868	RGB 166 120 104	#A67868
83.3%	83.3% #B88871	RGB 184 136 113	#B88871
100.0%	100.0% #CB997A	RGB 203 153 122	#CB997A

#5E3846 #70484E #825857 #946860 #A67868 #B88871 #CB997A

#5E3846 - #CB997A

HSV Blend

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

0.0%	0.0% #5E3846	RGB 94 56 70	#5E3846
16.7%	16.7% #70424D	RGB 112 66 77	#70424D
33.3%	33.3% #824D54	RGB 130 77 84	#824D54
50.0%	50.0% #945958	RGB 148 89 88	#945958
66.7%	66.7% #A66C63	RGB 166 108 99	#A66C63
83.3%	83.3% #B8816E	RGB 184 129 110	#B8816E
100.0%	100.0% #CB997A	RGB 203 153 122	#CB997A

#5E3846 #70424D #824D54 #945958 #A66C63 #B8816E #CB997A

#5E3846 - #945958 - #CB997A

CSS codes

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

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