#5E413E - #B7659C | 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 #5E413E to #B7659C

#5E413E #B7659C

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

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

0.0%	0.0% #5E413E	RGB 94 65 62	#5E413E
16.7%	16.7% #6C474D	RGB 108 71 77	#6C474D
33.3%	33.3% #7B4D5D	RGB 123 77 93	#7B4D5D
50.0%	50.0% #8A536D	RGB 138 83 109	#8A536D
66.7%	66.7% #99597C	RGB 153 89 124	#99597C
83.3%	83.3% #A85F8C	RGB 168 95 140	#A85F8C
100.0%	100.0% #B7659C	RGB 183 101 156	#B7659C

#5E413E #6C474D #7B4D5D #8A536D #99597C #A85F8C #B7659C

#5E413E - #B7659C

HSV Blend

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

0.0%	0.0% #5E413E	RGB 94 65 62	#5E413E
16.7%	16.7% #6C4547	RGB 108 69 71	#6C4547
33.3%	33.3% #7B4D54	RGB 123 77 84	#7B4D54
50.0%	50.0% #8A5363	RGB 138 83 99	#8A5363
66.7%	66.7% #995A74	RGB 153 90 116	#995A74
83.3%	83.3% #A85F87	RGB 168 95 135	#A85F87
100.0%	100.0% #B7659C	RGB 183 101 156	#B7659C

#5E413E #6C4547 #7B4D54 #8A5363 #995A74 #A85F87 #B7659C

#5E413E - #8A5363 - #B7659C

CSS codes

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

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