#716B5E - #B280A7 | 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 #716B5E to #B280A7

#716B5E #B280A7

Calculate the color between two colors, #716B5E and #B280A7. 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)

#716B5E - #B280A7 | 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 #716B5E as 0% and #B280A7 as 100%.

0.0%	0.0% #716B5E	RGB 113 107 94	#716B5E
16.7%	16.7% #7B6E6A	RGB 123 110 106	#7B6E6A
33.3%	33.3% #867276	RGB 134 114 118	#867276
50.0%	50.0% #917582	RGB 145 117 130	#917582
66.7%	66.7% #9C798E	RGB 156 121 142	#9C798E
83.3%	83.3% #A77C9A	RGB 167 124 154	#A77C9A
100.0%	100.0% #B280A7	RGB 178 128 167	#B280A7

#716B5E #7B6E6A #867276 #917582 #9C798E #A77C9A #B280A7

#716B5E - #B280A7

HSV Blend

#716B5E - #B280A7 | 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 #716B5E as 0% and #B280A7 as 100%.

0.0%	0.0% #716B5E	RGB 113 107 94	#716B5E
16.7%	16.7% #7B6E64	RGB 123 110 100	#7B6E64
33.3%	33.3% #86706A	RGB 134 112 106	#86706A
50.0%	50.0% #917072	RGB 145 112 114	#917072
66.7%	66.7% #9C7681	RGB 156 118 129	#9C7681
83.3%	83.3% #A77B92	RGB 167 123 146	#A77B92
100.0%	100.0% #B280A7	RGB 178 128 167	#B280A7

#716B5E #7B6E64 #86706A #917072 #9C7681 #A77B92 #B280A7

#716B5E - #917072 - #B280A7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #716B5E 0%, #917072 50%, #B280A7 100%);
    background: -webkit-linear-gradient(top, #716B5E 0%, #917072 50%, #B280A7 100%);
    background: linear-gradient(to bottom, #716B5E 0%, #917072 50%, #B280A7 100%);
}
</style>