#7D4B4B - #E2966F | 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 #7D4B4B to #E2966F

#7D4B4B #E2966F

Calculate the color between two colors, #7D4B4B and #E2966F. 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)

#7D4B4B - #E2966F | 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 #7D4B4B as 0% and #E2966F as 100%.

0.0%	0.0% #7D4B4B	RGB 125 75 75	#7D4B4B
16.7%	16.7% #8D5751	RGB 141 87 81	#8D5751
33.3%	33.3% #9E6457	RGB 158 100 87	#9E6457
50.0%	50.0% #AF705D	RGB 175 112 93	#AF705D
66.7%	66.7% #C07D63	RGB 192 125 99	#C07D63
83.3%	83.3% #D18969	RGB 209 137 105	#D18969
100.0%	100.0% #E2966F	RGB 226 150 111	#E2966F

#7D4B4B #8D5751 #9E6457 #AF705D #C07D63 #D18969 #E2966F

#7D4B4B - #E2966F

HSV Blend

#7D4B4B - #E2966F | 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 #7D4B4B as 0% and #E2966F as 100%.

0.0%	0.0% #7D4B4B	RGB 125 75 75	#7D4B4B
16.7%	16.7% #8D5552	RGB 141 85 82	#8D5552
33.3%	33.3% #9E6159	RGB 158 97 89	#9E6159
50.0%	50.0% #AF6D5F	RGB 175 109 95	#AF6D5F
66.7%	66.7% #C07965	RGB 192 121 101	#C07965
83.3%	83.3% #D1876A	RGB 209 135 106	#D1876A
100.0%	100.0% #E2966F	RGB 226 150 111	#E2966F

#7D4B4B #8D5552 #9E6159 #AF6D5F #C07965 #D1876A #E2966F

#7D4B4B - #AF6D5F - #E2966F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7D4B4B 0%, #AF6D5F 50%, #E2966F 100%);
    background: -webkit-linear-gradient(top, #7D4B4B 0%, #AF6D5F 50%, #E2966F 100%);
    background: linear-gradient(to bottom, #7D4B4B 0%, #AF6D5F 50%, #E2966F 100%);
}
</style>