#5E6EFC - #C386FF | 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 #5E6EFC to #C386FF

#5E6EFC #C386FF

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

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

0.0%	0.0% #5E6EFC	RGB 94 110 252	#5E6EFC
16.7%	16.7% #6E72FC	RGB 110 114 252	#6E72FC
33.3%	33.3% #7F76FD	RGB 127 118 253	#7F76FD
50.0%	50.0% #907AFD	RGB 144 122 253	#907AFD
66.7%	66.7% #A17EFE	RGB 161 126 254	#A17EFE
83.3%	83.3% #B282FE	RGB 178 130 254	#B282FE
100.0%	100.0% #C386FF	RGB 195 134 255	#C386FF

#5E6EFC #6E72FC #7F76FD #907AFD #A17EFE #B282FE #C386FF

#5E6EFC - #C386FF

HSV Blend

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

0.0%	0.0% #5E6EFC	RGB 94 110 252	#5E6EFC
16.7%	16.7% #6464FC	RGB 100 100 252	#6464FC
33.3%	33.3% #796BFD	RGB 121 107 253	#796BFD
50.0%	50.0% #8E71FD	RGB 142 113 253	#8E71FD
66.7%	66.7% #A078FE	RGB 160 120 254	#A078FE
83.3%	83.3% #B27FFE	RGB 178 127 254	#B27FFE
100.0%	100.0% #C386FF	RGB 195 134 255	#C386FF

#5E6EFC #6464FC #796BFD #8E71FD #A078FE #B27FFE #C386FF

#5E6EFC - #8E71FD - #C386FF

CSS codes

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

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