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

#5E618F #A879F3

Calculate the color between two colors, #5E618F 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)

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

0.0%	0.0% #5E618F	RGB 94 97 143	#5E618F
16.7%	16.7% #6A659F	RGB 106 101 159	#6A659F
33.3%	33.3% #7669B0	RGB 118 105 176	#7669B0
50.0%	50.0% #836DC1	RGB 131 109 193	#836DC1
66.7%	66.7% #8F71D1	RGB 143 113 209	#8F71D1
83.3%	83.3% #9B75E2	RGB 155 117 226	#9B75E2
100.0%	100.0% #A879F3	RGB 168 121 243	#A879F3

#5E618F #6A659F #7669B0 #836DC1 #8F71D1 #9B75E2 #A879F3

#5E618F - #A879F3

HSV Blend

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

0.0%	0.0% #5E618F	RGB 94 97 143	#5E618F
16.7%	16.7% #65649F	RGB 101 100 159	#65649F
33.3%	33.3% #706AB0	RGB 112 106 176	#706AB0
50.0%	50.0% #7C6FC1	RGB 124 111 193	#7C6FC1
66.7%	66.7% #8973D1	RGB 137 115 209	#8973D1
83.3%	83.3% #9876E2	RGB 152 118 226	#9876E2
100.0%	100.0% #A879F3	RGB 168 121 243	#A879F3

#5E618F #65649F #706AB0 #7C6FC1 #8973D1 #9876E2 #A879F3

#5E618F - #7C6FC1 - #A879F3

CSS codes

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

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