#4E2D6B - #B7777B | 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 #4E2D6B to #B7777B

#4E2D6B #B7777B

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

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

0.0%	0.0% #4E2D6B	RGB 78 45 107	#4E2D6B
16.7%	16.7% #5F396D	RGB 95 57 109	#5F396D
33.3%	33.3% #714570	RGB 113 69 112	#714570
50.0%	50.0% #825273	RGB 130 82 115	#825273
66.7%	66.7% #945E75	RGB 148 94 117	#945E75
83.3%	83.3% #A56A78	RGB 165 106 120	#A56A78
100.0%	100.0% #B7777B	RGB 183 119 123	#B7777B

#4E2D6B #5F396D #714570 #825273 #945E75 #A56A78 #B7777B

#4E2D6B - #B7777B

HSV Blend

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

0.0%	0.0% #4E2D6B	RGB 78 45 107	#4E2D6B
16.7%	16.7% #683677	RGB 104 54 119	#683677
33.3%	33.3% #844184	RGB 132 65 132	#844184
50.0%	50.0% #914D81	RGB 145 77 129	#914D81
66.7%	66.7% #9D5A7E	RGB 157 90 126	#9D5A7E
83.3%	83.3% #AA687B	RGB 170 104 123	#AA687B
100.0%	100.0% #B7777B	RGB 183 119 123	#B7777B

#4E2D6B #683677 #844184 #914D81 #9D5A7E #AA687B #B7777B

#4E2D6B - #914D81 - #B7777B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4E2D6B 0%, #914D81 50%, #B7777B 100%);
    background: -webkit-linear-gradient(top, #4E2D6B 0%, #914D81 50%, #B7777B 100%);
    background: linear-gradient(to bottom, #4E2D6B 0%, #914D81 50%, #B7777B 100%);
}
</style>