#5E3A49 - #CB806C | 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 #5E3A49 to #CB806C

#5E3A49 #CB806C

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

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

0.0%	0.0% #5E3A49	RGB 94 58 73	#5E3A49
16.7%	16.7% #70454E	RGB 112 69 78	#70454E
33.3%	33.3% #825154	RGB 130 81 84	#825154
50.0%	50.0% #945D5A	RGB 148 93 90	#945D5A
66.7%	66.7% #A66860	RGB 166 104 96	#A66860
83.3%	83.3% #B87466	RGB 184 116 102	#B87466
100.0%	100.0% #CB806C	RGB 203 128 108	#CB806C

#5E3A49 #70454E #825154 #945D5A #A66860 #B87466 #CB806C

#5E3A49 - #CB806C

HSV Blend

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

0.0%	0.0% #5E3A48	RGB 94 58 72	#5E3A48
16.7%	16.7% #704351	RGB 112 67 81	#704351
33.3%	33.3% #824C57	RGB 130 76 87	#824C57
50.0%	50.0% #94555B	RGB 148 85 91	#94555B
66.7%	66.7% #A65D5D	RGB 166 93 93	#A65D5D
83.3%	83.3% #B86D64	RGB 184 109 100	#B86D64
100.0%	100.0% #CB806C	RGB 203 128 108	#CB806C

#5E3A48 #704351 #824C57 #94555B #A65D5D #B86D64 #CB806C

#5E3A49 - #94555B - #CB806C

CSS codes

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

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