#3E2D57 - #BA7174 | 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 #3E2D57 to #BA7174

#3E2D57 #BA7174

Calculate the color between two colors, #3E2D57 and #BA7174. 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)

#3E2D57 - #BA7174 | 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 #3E2D57 as 0% and #BA7174 as 100%.

0.0%	0.0% #3E2D57	RGB 62 45 87	#3E2D57
16.7%	16.7% #52385B	RGB 82 56 91	#52385B
33.3%	33.3% #674360	RGB 103 67 96	#674360
50.0%	50.0% #7C4F65	RGB 124 79 101	#7C4F65
66.7%	66.7% #905A6A	RGB 144 90 106	#905A6A
83.3%	83.3% #A5656F	RGB 165 101 111	#A5656F
100.0%	100.0% #BA7174	RGB 186 113 116	#BA7174

#3E2D57 #52385B #674360 #7C4F65 #905A6A #A5656F #BA7174

#3E2D57 - #BA7174

HSV Blend

#3E2D57 - #BA7174 | 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 #3E2D57 as 0% and #BA7174 as 100%.

0.0%	0.0% #3E2D57	RGB 62 45 87	#3E2D57
16.7%	16.7% #573767	RGB 87 55 103	#573767
33.3%	33.3% #734178	RGB 115 65 120	#734178
50.0%	50.0% #884C7D	RGB 136 76 125	#884C7D
66.7%	66.7% #99587C	RGB 153 88 124	#99587C
83.3%	83.3% #A96479	RGB 169 100 121	#A96479
100.0%	100.0% #BA7174	RGB 186 113 116	#BA7174

#3E2D57 #573767 #734178 #884C7D #99587C #A96479 #BA7174

#3E2D57 - #884C7D - #BA7174

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E2D57 0%, #884C7D 50%, #BA7174 100%);
    background: -webkit-linear-gradient(top, #3E2D57 0%, #884C7D 50%, #BA7174 100%);
    background: linear-gradient(to bottom, #3E2D57 0%, #884C7D 50%, #BA7174 100%);
}
</style>