#5E72EB - #102E9F | 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 #5E72EB to #102E9F

#5E72EB #102E9F

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

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

0.0%	0.0% #5E72EB	RGB 94 114 235	#5E72EB
16.7%	16.7% #5166DE	RGB 81 102 222	#5166DE
33.3%	33.3% #445BD1	RGB 68 91 209	#445BD1
50.0%	50.0% #3750C5	RGB 55 80 197	#3750C5
66.7%	66.7% #2A44B8	RGB 42 68 184	#2A44B8
83.3%	83.3% #1D39AB	RGB 29 57 171	#1D39AB
100.0%	100.0% #102E9F	RGB 16 46 159	#102E9F

#5E72EB #5166DE #445BD1 #3750C5 #2A44B8 #1D39AB #102E9F

#5E72EB - #102E9F

HSV Blend

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

0.0%	0.0% #5E72EB	RGB 94 114 235	#5E72EB
16.7%	16.7% #4D63DE	RGB 77 99 222	#4D63DE
33.3%	33.3% #3E57D1	RGB 62 87 209	#3E57D1
50.0%	50.0% #314BC5	RGB 49 75 197	#314BC5
66.7%	66.7% #2440B8	RGB 36 64 184	#2440B8
83.3%	83.3% #1936AB	RGB 25 54 171	#1936AB
100.0%	100.0% #102E9F	RGB 16 46 159	#102E9F

#5E72EB #4D63DE #3E57D1 #314BC5 #2440B8 #1936AB #102E9F

#5E72EB - #314BC5 - #102E9F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E72EB 0%, #314BC5 50%, #102E9F 100%);
    background: -webkit-linear-gradient(top, #5E72EB 0%, #314BC5 50%, #102E9F 100%);
    background: linear-gradient(to bottom, #5E72EB 0%, #314BC5 50%, #102E9F 100%);
}
</style>