#5E36C9 - #C192EC | 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 #5E36C9 to #C192EC

#5E36C9 #C192EC

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

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

0.0%	0.0% #5E36C9	RGB 94 54 201	#5E36C9
16.7%	16.7% #6E45CE	RGB 110 69 206	#6E45CE
33.3%	33.3% #7F54D4	RGB 127 84 212	#7F54D4
50.0%	50.0% #8F64DA	RGB 143 100 218	#8F64DA
66.7%	66.7% #A073E0	RGB 160 115 224	#A073E0
83.3%	83.3% #B082E6	RGB 176 130 230	#B082E6
100.0%	100.0% #C192EC	RGB 193 146 236	#C192EC

#5E36C9 #6E45CE #7F54D4 #8F64DA #A073E0 #B082E6 #C192EC

#5E36C9 - #C192EC

HSV Blend

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

0.0%	0.0% #5E36C9	RGB 94 54 201	#5E36C9
16.7%	16.7% #6F43CE	RGB 111 67 206	#6F43CE
33.3%	33.3% #8051D4	RGB 128 81 212	#8051D4
50.0%	50.0% #9160DA	RGB 145 96 218	#9160DA
66.7%	66.7% #A170E0	RGB 161 112 224	#A170E0
83.3%	83.3% #B180E6	RGB 177 128 230	#B180E6
100.0%	100.0% #C192EC	RGB 193 146 236	#C192EC

#5E36C9 #6F43CE #8051D4 #9160DA #A170E0 #B180E6 #C192EC

#5E36C9 - #9160DA - #C192EC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E36C9 0%, #9160DA 50%, #C192EC 100%);
    background: -webkit-linear-gradient(top, #5E36C9 0%, #9160DA 50%, #C192EC 100%);
    background: linear-gradient(to bottom, #5E36C9 0%, #9160DA 50%, #C192EC 100%);
}
</style>