#5E4145 - #B968B0 | 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 #5E4145 to #B968B0

#5E4145 #B968B0

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

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

0.0%	0.0% #5E4145	RGB 94 65 69	#5E4145
16.7%	16.7% #6D4756	RGB 109 71 86	#6D4756
33.3%	33.3% #7C4E68	RGB 124 78 104	#7C4E68
50.0%	50.0% #8B547A	RGB 139 84 122	#8B547A
66.7%	66.7% #9A5B8C	RGB 154 91 140	#9A5B8C
83.3%	83.3% #A9619E	RGB 169 97 158	#A9619E
100.0%	100.0% #B968B0	RGB 185 104 176	#B968B0

#5E4145 #6D4756 #7C4E68 #8B547A #9A5B8C #A9619E #B968B0

#5E4145 - #B968B0

HSV Blend

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

0.0%	0.0% #5E4145	RGB 94 65 69	#5E4145
16.7%	16.7% #6D4952	RGB 109 73 82	#6D4952
33.3%	33.3% #7C5061	RGB 124 80 97	#7C5061
50.0%	50.0% #8B5772	RGB 139 87 114	#8B5772
66.7%	66.7% #9A5D84	RGB 154 93 132	#9A5D84
83.3%	83.3% #A96399	RGB 169 99 153	#A96399
100.0%	100.0% #B968B0	RGB 185 104 176	#B968B0

#5E4145 #6D4952 #7C5061 #8B5772 #9A5D84 #A96399 #B968B0

#5E4145 - #8B5772 - #B968B0

CSS codes

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

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