#5E608F - #A879F3 | 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 #5E608F to #A879F3

#5E608F #A879F3

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

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

0.0%	0.0% #5E608F	RGB 94 96 143	#5E608F
16.7%	16.7% #6A649F	RGB 106 100 159	#6A649F
33.3%	33.3% #7668B0	RGB 118 104 176	#7668B0
50.0%	50.0% #836CC1	RGB 131 108 193	#836CC1
66.7%	66.7% #8F70D1	RGB 143 112 209	#8F70D1
83.3%	83.3% #9B74E2	RGB 155 116 226	#9B74E2
100.0%	100.0% #A879F3	RGB 168 121 243	#A879F3

#5E608F #6A649F #7668B0 #836CC1 #8F70D1 #9B74E2 #A879F3

#5E608F - #A879F3

HSV Blend

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

0.0%	0.0% #5E608F	RGB 94 96 143	#5E608F
16.7%	16.7% #66649F	RGB 102 100 159	#66649F
33.3%	33.3% #716AB0	RGB 113 106 176	#716AB0
50.0%	50.0% #7D6FC1	RGB 125 111 193	#7D6FC1
66.7%	66.7% #8A73D1	RGB 138 115 209	#8A73D1
83.3%	83.3% #9876E2	RGB 152 118 226	#9876E2
100.0%	100.0% #A879F3	RGB 168 121 243	#A879F3

#5E608F #66649F #716AB0 #7D6FC1 #8A73D1 #9876E2 #A879F3

#5E608F - #7D6FC1 - #A879F3

CSS codes

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

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