#3F6FE4 - #5E43FF | 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 #3F6FE4 to #5E43FF

#3F6FE4 #5E43FF

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

#3F6FE4 - #5E43FF | 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 #3F6FE4 as 0% and #5E43FF as 100%.

0.0%	0.0% #3F6FE4	RGB 63 111 228	#3F6FE4
16.7%	16.7% #4467E8	RGB 68 103 232	#4467E8
33.3%	33.3% #4960ED	RGB 73 96 237	#4960ED
50.0%	50.0% #4E59F1	RGB 78 89 241	#4E59F1
66.7%	66.7% #5351F6	RGB 83 81 246	#5351F6
83.3%	83.3% #584AFA	RGB 88 74 250	#584AFA
100.0%	100.0% #5E43FF	RGB 94 67 255	#5E43FF

#3F6FE4 #4467E8 #4960ED #4E59F1 #5351F6 #584AFA #5E43FF

#3F6FE4 - #5E43FF

HSV Blend

#3F6FE4 - #5E43FF | 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 #3F6FE4 as 0% and #5E43FF as 100%.

0.0%	0.0% #3F6FE4	RGB 63 111 228	#3F6FE4
16.7%	16.7% #3F64E8	RGB 63 100 232	#3F64E8
33.3%	33.3% #4059ED	RGB 64 89 237	#4059ED
50.0%	50.0% #414EF1	RGB 65 78 241	#414EF1
66.7%	66.7% #4141F6	RGB 65 65 246	#4141F6
83.3%	83.3% #4F42FA	RGB 79 66 250	#4F42FA
100.0%	100.0% #5E43FF	RGB 94 67 255	#5E43FF

#3F6FE4 #3F64E8 #4059ED #414EF1 #4141F6 #4F42FA #5E43FF

#3F6FE4 - #414EF1 - #5E43FF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3F6FE4 0%, #414EF1 50%, #5E43FF 100%);
    background: -webkit-linear-gradient(top, #3F6FE4 0%, #414EF1 50%, #5E43FF 100%);
    background: linear-gradient(to bottom, #3F6FE4 0%, #414EF1 50%, #5E43FF 100%);
}
</style>