#513E5E - #DA6B77 | 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 #513E5E to #DA6B77

#513E5E #DA6B77

Calculate the color between two colors, #513E5E and #DA6B77. 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)

#513E5E - #DA6B77 | 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 #513E5E as 0% and #DA6B77 as 100%.

0.0%	0.0% #513E5E	RGB 81 62 94	#513E5E
16.7%	16.7% #674562	RGB 103 69 98	#674562
33.3%	33.3% #7E4D66	RGB 126 77 102	#7E4D66
50.0%	50.0% #95546A	RGB 149 84 106	#95546A
66.7%	66.7% #AC5C6E	RGB 172 92 110	#AC5C6E
83.3%	83.3% #C36372	RGB 195 99 114	#C36372
100.0%	100.0% #DA6B77	RGB 218 107 119	#DA6B77

#513E5E #674562 #7E4D66 #95546A #AC5C6E #C36372 #DA6B77

#513E5E - #DA6B77

HSV Blend

#513E5E - #DA6B77 | 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 #513E5E as 0% and #DA6B77 as 100%.

0.0%	0.0% #513E5E	RGB 81 62 94	#513E5E
16.7%	16.7% #6A4872	RGB 106 72 114	#6A4872
33.3%	33.3% #875185	RGB 135 81 133	#875185
50.0%	50.0% #9C598B	RGB 156 89 139	#9C598B
66.7%	66.7% #B0608B	RGB 176 96 139	#B0608B
83.3%	83.3% #C56685	RGB 197 102 133	#C56685
100.0%	100.0% #DA6B77	RGB 218 107 119	#DA6B77

#513E5E #6A4872 #875185 #9C598B #B0608B #C56685 #DA6B77

#513E5E - #9C598B - #DA6B77

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #513E5E 0%, #9C598B 50%, #DA6B77 100%);
    background: -webkit-linear-gradient(top, #513E5E 0%, #9C598B 50%, #DA6B77 100%);
    background: linear-gradient(to bottom, #513E5E 0%, #9C598B 50%, #DA6B77 100%);
}
</style>