#5E61AF - #C389FB | 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 #5E61AF to #C389FB

#5E61AF #C389FB

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

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

0.0%	0.0% #5E61AF	RGB 94 97 175	#5E61AF
16.7%	16.7% #6E67BB	RGB 110 103 187	#6E67BB
33.3%	33.3% #7F6EC8	RGB 127 110 200	#7F6EC8
50.0%	50.0% #9075D5	RGB 144 117 213	#9075D5
66.7%	66.7% #A17BE1	RGB 161 123 225	#A17BE1
83.3%	83.3% #B282EE	RGB 178 130 238	#B282EE
100.0%	100.0% #C389FB	RGB 195 137 251	#C389FB

#5E61AF #6E67BB #7F6EC8 #9075D5 #A17BE1 #B282EE #C389FB

#5E61AF - #C389FB

HSV Blend

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

0.0%	0.0% #5E61AF	RGB 94 97 175	#5E61AF
16.7%	16.7% #6965BB	RGB 105 101 187	#6965BB
33.3%	33.3% #796CC8	RGB 121 108 200	#796CC8
50.0%	50.0% #8A73D5	RGB 138 115 213	#8A73D5
66.7%	66.7% #9C7AE1	RGB 156 122 225	#9C7AE1
83.3%	83.3% #AF81EE	RGB 175 129 238	#AF81EE
100.0%	100.0% #C389FB	RGB 195 137 251	#C389FB

#5E61AF #6965BB #796CC8 #8A73D5 #9C7AE1 #AF81EE #C389FB

#5E61AF - #8A73D5 - #C389FB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E61AF 0%, #8A73D5 50%, #C389FB 100%);
    background: -webkit-linear-gradient(top, #5E61AF 0%, #8A73D5 50%, #C389FB 100%);
    background: linear-gradient(to bottom, #5E61AF 0%, #8A73D5 50%, #C389FB 100%);
}
</style>