#5E67FA - #C07DFF | 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 #5E67FA to #C07DFF

#5E67FA #C07DFF

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

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

0.0%	0.0% #5E67FA	RGB 94 103 250	#5E67FA
16.7%	16.7% #6E6AFA	RGB 110 106 250	#6E6AFA
33.3%	33.3% #7E6EFB	RGB 126 110 251	#7E6EFB
50.0%	50.0% #8F72FC	RGB 143 114 252	#8F72FC
66.7%	66.7% #9F75FD	RGB 159 117 253	#9F75FD
83.3%	83.3% #AF79FE	RGB 175 121 254	#AF79FE
100.0%	100.0% #C07DFF	RGB 192 125 255	#C07DFF

#5E67FA #6E6AFA #7E6EFB #8F72FC #9F75FD #AF79FE #C07DFF

#5E67FA - #C07DFF

HSV Blend

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

0.0%	0.0% #5E67FA	RGB 94 103 250	#5E67FA
16.7%	16.7% #6863FA	RGB 104 99 250	#6863FA
33.3%	33.3% #7B68FB	RGB 123 104 251	#7B68FB
50.0%	50.0% #8E6DFC	RGB 142 109 252	#8E6DFC
66.7%	66.7% #9F72FD	RGB 159 114 253	#9F72FD
83.3%	83.3% #B077FE	RGB 176 119 254	#B077FE
100.0%	100.0% #C07DFF	RGB 192 125 255	#C07DFF

#5E67FA #6863FA #7B68FB #8E6DFC #9F72FD #B077FE #C07DFF

#5E67FA - #8E6DFC - #C07DFF

CSS codes

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

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