#4300A8 - #6D13FD | 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 #4300A8 to #6D13FD

#4300A8 #6D13FD

Calculate the color between two colors, #4300A8 and #6D13FD. 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)

#4300A8 - #6D13FD | 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 #4300A8 as 0% and #6D13FD as 100%.

0.0%	0.0% #4300A8	RGB 67 0 168	#4300A8
16.7%	16.7% #4A03B6	RGB 74 3 182	#4A03B6
33.3%	33.3% #5106C4	RGB 81 6 196	#5106C4
50.0%	50.0% #5809D2	RGB 88 9 210	#5809D2
66.7%	66.7% #5F0CE0	RGB 95 12 224	#5F0CE0
83.3%	83.3% #660FEE	RGB 102 15 238	#660FEE
100.0%	100.0% #6D13FD	RGB 109 19 253	#6D13FD

#4300A8 #4A03B6 #5106C4 #5809D2 #5F0CE0 #660FEE #6D13FD

#4300A8 - #6D13FD

HSV Blend

#4300A8 - #6D13FD | 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 #4300A8 as 0% and #6D13FD as 100%.

0.0%	0.0% #4300A8	RGB 67 0 168	#4300A8
16.7%	16.7% #4902B6	RGB 73 2 182	#4902B6
33.3%	33.3% #5004C4	RGB 80 4 196	#5004C4
50.0%	50.0% #5707D2	RGB 87 7 210	#5707D2
66.7%	66.7% #5E0BE0	RGB 94 11 224	#5E0BE0
83.3%	83.3% #650EEE	RGB 101 14 238	#650EEE
100.0%	100.0% #6D13FD	RGB 109 19 253	#6D13FD

#4300A8 #4902B6 #5004C4 #5707D2 #5E0BE0 #650EEE #6D13FD

#4300A8 - #5707D2 - #6D13FD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4300A8 0%, #5707D2 50%, #6D13FD 100%);
    background: -webkit-linear-gradient(top, #4300A8 0%, #5707D2 50%, #6D13FD 100%);
    background: linear-gradient(to bottom, #4300A8 0%, #5707D2 50%, #6D13FD 100%);
}
</style>