#5E5FA6 - #1A1B2F | 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 #5E5FA6 to #1A1B2F

#5E5FA6 #1A1B2F

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

#5E5FA6 - #1A1B2F | 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 #5E5FA6 as 0% and #1A1B2F as 100%.

0.0%	0.0% #5E5FA6	RGB 94 95 166	#5E5FA6
16.7%	16.7% #525392	RGB 82 83 146	#525392
33.3%	33.3% #47487E	RGB 71 72 126	#47487E
50.0%	50.0% #3C3D6A	RGB 60 61 106	#3C3D6A
66.7%	66.7% #303156	RGB 48 49 86	#303156
83.3%	83.3% #252642	RGB 37 38 66	#252642
100.0%	100.0% #1A1B2F	RGB 26 27 47	#1A1B2F

#5E5FA6 #525392 #47487E #3C3D6A #303156 #252642 #1A1B2F

#5E5FA6 - #1A1B2F

HSV Blend

#5E5FA6 - #1A1B2F | 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 #5E5FA6 as 0% and #1A1B2F as 100%.

0.0%	0.0% #5E5EA6	RGB 94 94 166	#5E5EA6
16.7%	16.7% #525392	RGB 82 83 146	#525392
33.3%	33.3% #46487E	RGB 70 72 126	#46487E
50.0%	50.0% #3B3D6A	RGB 59 61 106	#3B3D6A
66.7%	66.7% #303156	RGB 48 49 86	#303156
83.3%	83.3% #252642	RGB 37 38 66	#252642
100.0%	100.0% #1A1B2F	RGB 26 27 47	#1A1B2F

#5E5EA6 #525392 #46487E #3B3D6A #303156 #252642 #1A1B2F

#5E5FA6 - #3B3D6A - #1A1B2F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5EA6 0%, #3B3D6A 50%, #1A1B2F 100%);
    background: -webkit-linear-gradient(top, #5E5EA6 0%, #3B3D6A 50%, #1A1B2F 100%);
    background: linear-gradient(to bottom, #5E5EA6 0%, #3B3D6A 50%, #1A1B2F 100%);
}
</style>