#5E4D5D - #A175BF | 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 #5E4D5D to #A175BF

#5E4D5D #A175BF

Calculate the color between two colors, #5E4D5D and #A175BF. 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)

#5E4D5D - #A175BF | 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 #5E4D5D as 0% and #A175BF as 100%.

0.0%	0.0% #5E4D5D	RGB 94 77 93	#5E4D5D
16.7%	16.7% #69536D	RGB 105 83 109	#69536D
33.3%	33.3% #745A7D	RGB 116 90 125	#745A7D
50.0%	50.0% #7F618E	RGB 127 97 142	#7F618E
66.7%	66.7% #8A679E	RGB 138 103 158	#8A679E
83.3%	83.3% #956EAE	RGB 149 110 174	#956EAE
100.0%	100.0% #A175BF	RGB 161 117 191	#A175BF

#5E4D5D #69536D #745A7D #7F618E #8A679E #956EAE #A175BF

#5E4D5D - #A175BF

HSV Blend

#5E4D5D - #A175BF | 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 #5E4D5D as 0% and #A175BF as 100%.

0.0%	0.0% #5E4D5D	RGB 94 77 93	#5E4D5D
16.7%	16.7% #6D566E	RGB 109 86 110	#6D566E
33.3%	33.3% #7B5E7E	RGB 123 94 126	#7B5E7E
50.0%	50.0% #87668E	RGB 135 102 142	#87668E
66.7%	66.7% #916C9E	RGB 145 108 158	#916C9E
83.3%	83.3% #9A71AE	RGB 154 113 174	#9A71AE
100.0%	100.0% #A175BF	RGB 161 117 191	#A175BF

#5E4D5D #6D566E #7B5E7E #87668E #916C9E #9A71AE #A175BF

#5E4D5D - #87668E - #A175BF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4D5D 0%, #87668E 50%, #A175BF 100%);
    background: -webkit-linear-gradient(top, #5E4D5D 0%, #87668E 50%, #A175BF 100%);
    background: linear-gradient(to bottom, #5E4D5D 0%, #87668E 50%, #A175BF 100%);
}
</style>