#1E1EB6 - #3B6FFB | 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 #1E1EB6 to #3B6FFB

#1E1EB6 #3B6FFB

Calculate the color between two colors, #1E1EB6 and #3B6FFB. 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)

#1E1EB6 - #3B6FFB | 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 #1E1EB6 as 0% and #3B6FFB as 100%.

0.0%	0.0% #1E1EB6	RGB 30 30 182	#1E1EB6
16.7%	16.7% #222BC1	RGB 34 43 193	#222BC1
33.3%	33.3% #2739CD	RGB 39 57 205	#2739CD
50.0%	50.0% #2C46D8	RGB 44 70 216	#2C46D8
66.7%	66.7% #3154E4	RGB 49 84 228	#3154E4
83.3%	83.3% #3661EF	RGB 54 97 239	#3661EF
100.0%	100.0% #3B6FFB	RGB 59 111 251	#3B6FFB

#1E1EB6 #222BC1 #2739CD #2C46D8 #3154E4 #3661EF #3B6FFB

#1E1EB6 - #3B6FFB

HSV Blend

#1E1EB6 - #3B6FFB | 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 #1E1EB6 as 0% and #3B6FFB as 100%.

0.0%	0.0% #1E1DB6	RGB 30 29 182	#1E1DB6
16.7%	16.7% #2229C1	RGB 34 41 193	#2229C1
33.3%	33.3% #2635CD	RGB 38 53 205	#2635CD
50.0%	50.0% #2B42D8	RGB 43 66 216	#2B42D8
66.7%	66.7% #3050E4	RGB 48 80 228	#3050E4
83.3%	83.3% #355FEF	RGB 53 95 239	#355FEF
100.0%	100.0% #3B6FFB	RGB 59 111 251	#3B6FFB

#1E1DB6 #2229C1 #2635CD #2B42D8 #3050E4 #355FEF #3B6FFB

#1E1EB6 - #2B42D8 - #3B6FFB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1E1DB6 0%, #2B42D8 50%, #3B6FFB 100%);
    background: -webkit-linear-gradient(top, #1E1DB6 0%, #2B42D8 50%, #3B6FFB 100%);
    background: linear-gradient(to bottom, #1E1DB6 0%, #2B42D8 50%, #3B6FFB 100%);
}
</style>