#5E3A5C - #7864A8 | 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 #5E3A5C to #7864A8

#5E3A5C #7864A8

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

#5E3A5C - #7864A8 | 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 #5E3A5C as 0% and #7864A8 as 100%.

0.0%	0.0% #5E3A5C	RGB 94 58 92	#5E3A5C
16.7%	16.7% #624168	RGB 98 65 104	#624168
33.3%	33.3% #664875	RGB 102 72 117	#664875
50.0%	50.0% #6B4F82	RGB 107 79 130	#6B4F82
66.7%	66.7% #6F568E	RGB 111 86 142	#6F568E
83.3%	83.3% #735D9B	RGB 115 93 155	#735D9B
100.0%	100.0% #7864A8	RGB 120 100 168	#7864A8

#5E3A5C #624168 #664875 #6B4F82 #6F568E #735D9B #7864A8

#5E3A5C - #7864A8

HSV Blend

#5E3A5C - #7864A8 | 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 #5E3A5C as 0% and #7864A8 as 100%.

0.0%	0.0% #5E3A5C	RGB 94 58 92	#5E3A5C
16.7%	16.7% #67416A	RGB 103 65 106	#67416A
33.3%	33.3% #6D4876	RGB 109 72 118	#6D4876
50.0%	50.0% #724F83	RGB 114 79 131	#724F83
66.7%	66.7% #75568F	RGB 117 86 143	#75568F
83.3%	83.3% #775D9B	RGB 119 93 155	#775D9B
100.0%	100.0% #7864A8	RGB 120 100 168	#7864A8

#5E3A5C #67416A #6D4876 #724F83 #75568F #775D9B #7864A8

#5E3A5C - #724F83 - #7864A8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3A5C 0%, #724F83 50%, #7864A8 100%);
    background: -webkit-linear-gradient(top, #5E3A5C 0%, #724F83 50%, #7864A8 100%);
    background: linear-gradient(to bottom, #5E3A5C 0%, #724F83 50%, #7864A8 100%);
}
</style>