#3E5BD1 - #11193B | 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 #3E5BD1 to #11193B

#3E5BD1 #11193B

Calculate the color between two colors, #3E5BD1 and #11193B. 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)

#3E5BD1 - #11193B | 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 #3E5BD1 as 0% and #11193B as 100%.

0.0%	0.0% #3E5BD1	RGB 62 91 209	#3E5BD1
16.7%	16.7% #3650B8	RGB 54 80 184	#3650B8
33.3%	33.3% #2F459F	RGB 47 69 159	#2F459F
50.0%	50.0% #273A86	RGB 39 58 134	#273A86
66.7%	66.7% #202F6D	RGB 32 47 109	#202F6D
83.3%	83.3% #182454	RGB 24 36 84	#182454
100.0%	100.0% #11193B	RGB 17 25 59	#11193B

#3E5BD1 #3650B8 #2F459F #273A86 #202F6D #182454 #11193B

#3E5BD1 - #11193B

HSV Blend

#3E5BD1 - #11193B | 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 #3E5BD1 as 0% and #11193B as 100%.

0.0%	0.0% #3E5AD1	RGB 62 90 209	#3E5AD1
16.7%	16.7% #364FB8	RGB 54 79 184	#364FB8
33.3%	33.3% #2E449F	RGB 46 68 159	#2E449F
50.0%	50.0% #273986	RGB 39 57 134	#273986
66.7%	66.7% #1F2E6D	RGB 31 46 109	#1F2E6D
83.3%	83.3% #182354	RGB 24 35 84	#182354
100.0%	100.0% #11193B	RGB 17 25 59	#11193B

#3E5AD1 #364FB8 #2E449F #273986 #1F2E6D #182354 #11193B

#3E5BD1 - #273986 - #11193B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E5AD1 0%, #273986 50%, #11193B 100%);
    background: -webkit-linear-gradient(top, #3E5AD1 0%, #273986 50%, #11193B 100%);
    background: linear-gradient(to bottom, #3E5AD1 0%, #273986 50%, #11193B 100%);
}
</style>