#5E4141 - #B968A1 | 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 #5E4141 to #B968A1

#5E4141 #B968A1

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

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

0.0%	0.0% #5E4141	RGB 94 65 65	#5E4141
16.7%	16.7% #6D4751	RGB 109 71 81	#6D4751
33.3%	33.3% #7C4E61	RGB 124 78 97	#7C4E61
50.0%	50.0% #8B5471	RGB 139 84 113	#8B5471
66.7%	66.7% #9A5B81	RGB 154 91 129	#9A5B81
83.3%	83.3% #A96191	RGB 169 97 145	#A96191
100.0%	100.0% #B968A1	RGB 185 104 161	#B968A1

#5E4141 #6D4751 #7C4E61 #8B5471 #9A5B81 #A96191 #B968A1

#5E4141 - #B968A1

HSV Blend

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

0.0%	0.0% #5E4141	RGB 94 65 65	#5E4141
16.7%	16.7% #6D494D	RGB 109 73 77	#6D494D
33.3%	33.3% #7C505A	RGB 124 80 90	#7C505A
50.0%	50.0% #8B5769	RGB 139 87 105	#8B5769
66.7%	66.7% #9A5D7A	RGB 154 93 122	#9A5D7A
83.3%	83.3% #A9638C	RGB 169 99 140	#A9638C
100.0%	100.0% #B968A1	RGB 185 104 161	#B968A1

#5E4141 #6D494D #7C505A #8B5769 #9A5D7A #A9638C #B968A1

#5E4141 - #8B5769 - #B968A1

CSS codes

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

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