#4D3648 - #BB5E79 | 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 #4D3648 to #BB5E79

#4D3648 #BB5E79

Calculate the color between two colors, #4D3648 and #BB5E79. 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)

#4D3648 - #BB5E79 | 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 #4D3648 as 0% and #BB5E79 as 100%.

0.0%	0.0% #4D3648	RGB 77 54 72	#4D3648
16.7%	16.7% #5F3C50	RGB 95 60 80	#5F3C50
33.3%	33.3% #714358	RGB 113 67 88	#714358
50.0%	50.0% #844A60	RGB 132 74 96	#844A60
66.7%	66.7% #965068	RGB 150 80 104	#965068
83.3%	83.3% #A85770	RGB 168 87 112	#A85770
100.0%	100.0% #BB5E79	RGB 187 94 121	#BB5E79

#4D3648 #5F3C50 #714358 #844A60 #965068 #A85770 #BB5E79

#4D3648 - #BB5E79

HSV Blend

#4D3648 - #BB5E79 | 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 #4D3648 as 0% and #BB5E79 as 100%.

0.0%	0.0% #4D3648	RGB 77 54 72	#4D3648
16.7%	16.7% #5F3F55	RGB 95 63 85	#5F3F55
33.3%	33.3% #714861	RGB 113 72 97	#714861
50.0%	50.0% #844F6B	RGB 132 79 107	#844F6B
66.7%	66.7% #965572	RGB 150 85 114	#965572
83.3%	83.3% #A85A77	RGB 168 90 119	#A85A77
100.0%	100.0% #BB5E79	RGB 187 94 121	#BB5E79

#4D3648 #5F3F55 #714861 #844F6B #965572 #A85A77 #BB5E79

#4D3648 - #844F6B - #BB5E79

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D3648 0%, #844F6B 50%, #BB5E79 100%);
    background: -webkit-linear-gradient(top, #4D3648 0%, #844F6B 50%, #BB5E79 100%);
    background: linear-gradient(to bottom, #4D3648 0%, #844F6B 50%, #BB5E79 100%);
}
</style>