#151B64 - #3E5BA1 | 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 #151B64 to #3E5BA1

#151B64 #3E5BA1

Calculate the color between two colors, #151B64 and #3E5BA1. 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)

#151B64 - #3E5BA1 | 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 #151B64 as 0% and #3E5BA1 as 100%.

0.0%	0.0% #151B64	RGB 21 27 100	#151B64
16.7%	16.7% #1B256E	RGB 27 37 110	#1B256E
33.3%	33.3% #223078	RGB 34 48 120	#223078
50.0%	50.0% #293B82	RGB 41 59 130	#293B82
66.7%	66.7% #30458C	RGB 48 69 140	#30458C
83.3%	83.3% #375096	RGB 55 80 150	#375096
100.0%	100.0% #3E5BA1	RGB 62 91 161	#3E5BA1

#151B64 #1B256E #223078 #293B82 #30458C #375096 #3E5BA1

#151B64 - #3E5BA1

HSV Blend

#151B64 - #3E5BA1 | 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 #151B64 as 0% and #3E5BA1 as 100%.

0.0%	0.0% #151A64	RGB 21 26 100	#151A64
16.7%	16.7% #1A236E	RGB 26 35 110	#1A236E
33.3%	33.3% #202D78	RGB 32 45 120	#202D78
50.0%	50.0% #263782	RGB 38 55 130	#263782
66.7%	66.7% #2D428C	RGB 45 66 140	#2D428C
83.3%	83.3% #354E96	RGB 53 78 150	#354E96
100.0%	100.0% #3E5BA1	RGB 62 91 161	#3E5BA1

#151A64 #1A236E #202D78 #263782 #2D428C #354E96 #3E5BA1

#151B64 - #263782 - #3E5BA1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #151A64 0%, #263782 50%, #3E5BA1 100%);
    background: -webkit-linear-gradient(top, #151A64 0%, #263782 50%, #3E5BA1 100%);
    background: linear-gradient(to bottom, #151A64 0%, #263782 50%, #3E5BA1 100%);
}
</style>