#5E5EE4 - #151694 | 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 #5E5EE4 to #151694

#5E5EE4 #151694

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

#5E5EE4 - #151694 | 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 #5E5EE4 as 0% and #151694 as 100%.

0.0%	0.0% #5E5EE4	RGB 94 94 228	#5E5EE4
16.7%	16.7% #5152D6	RGB 81 82 214	#5152D6
33.3%	33.3% #4546C9	RGB 69 70 201	#4546C9
50.0%	50.0% #393ABC	RGB 57 58 188	#393ABC
66.7%	66.7% #2D2EAE	RGB 45 46 174	#2D2EAE
83.3%	83.3% #2122A1	RGB 33 34 161	#2122A1
100.0%	100.0% #151694	RGB 21 22 148	#151694

#5E5EE4 #5152D6 #4546C9 #393ABC #2D2EAE #2122A1 #151694

#5E5EE4 - #151694

HSV Blend

#5E5EE4 - #151694 | 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 #5E5EE4 as 0% and #151694 as 100%.

0.0%	0.0% #5E5EE4	RGB 94 94 228	#5E5EE4
16.7%	16.7% #4E4FD6	RGB 78 79 214	#4E4FD6
33.3%	33.3% #4041C9	RGB 64 65 201	#4041C9
50.0%	50.0% #3434BC	RGB 52 52 188	#3434BC
66.7%	66.7% #2829AE	RGB 40 41 174	#2829AE
83.3%	83.3% #1E1FA1	RGB 30 31 161	#1E1FA1
100.0%	100.0% #151694	RGB 21 22 148	#151694

#5E5EE4 #4E4FD6 #4041C9 #3434BC #2829AE #1E1FA1 #151694

#5E5EE4 - #3434BC - #151694

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5EE4 0%, #3434BC 50%, #151694 100%);
    background: -webkit-linear-gradient(top, #5E5EE4 0%, #3434BC 50%, #151694 100%);
    background: linear-gradient(to bottom, #5E5EE4 0%, #3434BC 50%, #151694 100%);
}
</style>