#5E4D53 - #C076B1 | 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 #5E4D53 to #C076B1

#5E4D53 #C076B1

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

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

0.0%	0.0% #5E4D53	RGB 94 77 83	#5E4D53
16.7%	16.7% #6E5362	RGB 110 83 98	#6E5362
33.3%	33.3% #7E5A72	RGB 126 90 114	#7E5A72
50.0%	50.0% #8F6182	RGB 143 97 130	#8F6182
66.7%	66.7% #9F6891	RGB 159 104 145	#9F6891
83.3%	83.3% #AF6FA1	RGB 175 111 161	#AF6FA1
100.0%	100.0% #C076B1	RGB 192 118 177	#C076B1

#5E4D53 #6E5362 #7E5A72 #8F6182 #9F6891 #AF6FA1 #C076B1

#5E4D53 - #C076B1

HSV Blend

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

0.0%	0.0% #5E4D53	RGB 94 77 83	#5E4D53
16.7%	16.7% #6E5660	RGB 110 86 96	#6E5660
33.3%	33.3% #7E5F6E	RGB 126 95 110	#7E5F6E
50.0%	50.0% #8F667D	RGB 143 102 125	#8F667D
66.7%	66.7% #9F6C8D	RGB 159 108 141	#9F6C8D
83.3%	83.3% #AF719E	RGB 175 113 158	#AF719E
100.0%	100.0% #C076B1	RGB 192 118 177	#C076B1

#5E4D53 #6E5660 #7E5F6E #8F667D #9F6C8D #AF719E #C076B1

#5E4D53 - #8F667D - #C076B1

CSS codes

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

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