#5E6BFC - #102AB0 | 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 #5E6BFC to #102AB0

#5E6BFC #102AB0

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

#5E6BFC - #102AB0 | 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 #5E6BFC as 0% and #102AB0 as 100%.

0.0%	0.0% #5E6BFC	RGB 94 107 252	#5E6BFC
16.7%	16.7% #5160EF	RGB 81 96 239	#5160EF
33.3%	33.3% #4455E2	RGB 68 85 226	#4455E2
50.0%	50.0% #374AD6	RGB 55 74 214	#374AD6
66.7%	66.7% #2A3FC9	RGB 42 63 201	#2A3FC9
83.3%	83.3% #1D34BC	RGB 29 52 188	#1D34BC
100.0%	100.0% #102AB0	RGB 16 42 176	#102AB0

#5E6BFC #5160EF #4455E2 #374AD6 #2A3FC9 #1D34BC #102AB0

#5E6BFC - #102AB0

HSV Blend

#5E6BFC - #102AB0 | 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 #5E6BFC as 0% and #102AB0 as 100%.

0.0%	0.0% #5E6BFC	RGB 94 107 252	#5E6BFC
16.7%	16.7% #4E5DEF	RGB 78 93 239	#4E5DEF
33.3%	33.3% #3F51E2	RGB 63 81 226	#3F51E2
50.0%	50.0% #3145D6	RGB 49 69 214	#3145D6
66.7%	66.7% #253BC9	RGB 37 59 201	#253BC9
83.3%	83.3% #1A32BC	RGB 26 50 188	#1A32BC
100.0%	100.0% #102AB0	RGB 16 42 176	#102AB0

#5E6BFC #4E5DEF #3F51E2 #3145D6 #253BC9 #1A32BC #102AB0

#5E6BFC - #3145D6 - #102AB0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6BFC 0%, #3145D6 50%, #102AB0 100%);
    background: -webkit-linear-gradient(top, #5E6BFC 0%, #3145D6 50%, #102AB0 100%);
    background: linear-gradient(to bottom, #5E6BFC 0%, #3145D6 50%, #102AB0 100%);
}
</style>