#5E3E54 - #7E6BA6 | 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 #5E3E54 to #7E6BA6

#5E3E54 #7E6BA6

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

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

0.0%	0.0% #5E3E54	RGB 94 62 84	#5E3E54
16.7%	16.7% #634561	RGB 99 69 97	#634561
33.3%	33.3% #684D6F	RGB 104 77 111	#684D6F
50.0%	50.0% #6E547D	RGB 110 84 125	#6E547D
66.7%	66.7% #735C8A	RGB 115 92 138	#735C8A
83.3%	83.3% #786398	RGB 120 99 152	#786398
100.0%	100.0% #7E6BA6	RGB 126 107 166	#7E6BA6

#5E3E54 #634561 #684D6F #6E547D #735C8A #786398 #7E6BA6

#5E3E54 - #7E6BA6

HSV Blend

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

0.0%	0.0% #5E3E54	RGB 94 62 84	#5E3E54
16.7%	16.7% #6A4564	RGB 106 69 100	#6A4564
33.3%	33.3% #754D76	RGB 117 77 118	#754D76
50.0%	50.0% #795482	RGB 121 84 130	#795482
66.7%	66.7% #7C5C8E	RGB 124 92 142	#7C5C8E
83.3%	83.3% #7E639A	RGB 126 99 154	#7E639A
100.0%	100.0% #7E6BA6	RGB 126 107 166	#7E6BA6

#5E3E54 #6A4564 #754D76 #795482 #7C5C8E #7E639A #7E6BA6

#5E3E54 - #795482 - #7E6BA6

CSS codes

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

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