#5E5EE0 - #15178E | 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 #5E5EE0 to #15178E

#5E5EE0 #15178E

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

#5E5EE0 - #15178E | 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 #5E5EE0 as 0% and #15178E as 100%.

0.0%	0.0% #5E5EE0	RGB 94 94 224	#5E5EE0
16.7%	16.7% #5152D2	RGB 81 82 210	#5152D2
33.3%	33.3% #4546C4	RGB 69 70 196	#4546C4
50.0%	50.0% #393AB7	RGB 57 58 183	#393AB7
66.7%	66.7% #2D2EA9	RGB 45 46 169	#2D2EA9
83.3%	83.3% #21229B	RGB 33 34 155	#21229B
100.0%	100.0% #15178E	RGB 21 23 142	#15178E

#5E5EE0 #5152D2 #4546C4 #393AB7 #2D2EA9 #21229B #15178E

#5E5EE0 - #15178E

HSV Blend

#5E5EE0 - #15178E | 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 #5E5EE0 as 0% and #15178E as 100%.

0.0%	0.0% #5E5DE0	RGB 94 93 224	#5E5DE0
16.7%	16.7% #4E4FD2	RGB 78 79 210	#4E4FD2
33.3%	33.3% #4041C4	RGB 64 65 196	#4041C4
50.0%	50.0% #3335B7	RGB 51 53 183	#3335B7
66.7%	66.7% #2829A9	RGB 40 41 169	#2829A9
83.3%	83.3% #1E1F9B	RGB 30 31 155	#1E1F9B
100.0%	100.0% #15178E	RGB 21 23 142	#15178E

#5E5DE0 #4E4FD2 #4041C4 #3335B7 #2829A9 #1E1F9B #15178E

#5E5EE0 - #3335B7 - #15178E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5DE0 0%, #3335B7 50%, #15178E 100%);
    background: -webkit-linear-gradient(top, #5E5DE0 0%, #3335B7 50%, #15178E 100%);
    background: linear-gradient(to bottom, #5E5DE0 0%, #3335B7 50%, #15178E 100%);
}
</style>