#7E5E9C - #381546 | 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 #7E5E9C to #381546

#7E5E9C #381546

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

#7E5E9C - #381546 | 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 #7E5E9C as 0% and #381546 as 100%.

0.0%	0.0% #7E5E9C	RGB 126 94 156	#7E5E9C
16.7%	16.7% #72518D	RGB 114 81 141	#72518D
33.3%	33.3% #66457F	RGB 102 69 127	#66457F
50.0%	50.0% #5B3971	RGB 91 57 113	#5B3971
66.7%	66.7% #4F2D62	RGB 79 45 98	#4F2D62
83.3%	83.3% #432154	RGB 67 33 84	#432154
100.0%	100.0% #381546	RGB 56 21 70	#381546

#7E5E9C #72518D #66457F #5B3971 #4F2D62 #432154 #381546

#7E5E9C - #381546

HSV Blend

#7E5E9C - #381546 | 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 #7E5E9C as 0% and #381546 as 100%.

0.0%	0.0% #7E5E9C	RGB 126 94 156	#7E5E9C
16.7%	16.7% #714E8D	RGB 113 78 141	#714E8D
33.3%	33.3% #643F7F	RGB 100 63 127	#643F7F
50.0%	50.0% #593271	RGB 89 50 113	#593271
66.7%	66.7% #4D2762	RGB 77 39 98	#4D2762
83.3%	83.3% #421D54	RGB 66 29 84	#421D54
100.0%	100.0% #381546	RGB 56 21 70	#381546

#7E5E9C #714E8D #643F7F #593271 #4D2762 #421D54 #381546

#7E5E9C - #593271 - #381546

CSS codes

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

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