#3E56DA - #10183E | 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 #3E56DA to #10183E

#3E56DA #10183E

Calculate the color between two colors, #3E56DA and #10183E. 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)

#3E56DA - #10183E | 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 #3E56DA as 0% and #10183E as 100%.

0.0%	0.0% #3E56DA	RGB 62 86 218	#3E56DA
16.7%	16.7% #364BC0	RGB 54 75 192	#364BC0
33.3%	33.3% #2E41A6	RGB 46 65 166	#2E41A6
50.0%	50.0% #27378C	RGB 39 55 140	#27378C
66.7%	66.7% #1F2C72	RGB 31 44 114	#1F2C72
83.3%	83.3% #172258	RGB 23 34 88	#172258
100.0%	100.0% #10183E	RGB 16 24 62	#10183E

#3E56DA #364BC0 #2E41A6 #27378C #1F2C72 #172258 #10183E

#3E56DA - #10183E

HSV Blend

#3E56DA - #10183E | 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 #3E56DA as 0% and #10183E as 100%.

0.0%	0.0% #3E55DA	RGB 62 85 218	#3E55DA
16.7%	16.7% #354BC0	RGB 53 75 192	#354BC0
33.3%	33.3% #2D41A6	RGB 45 65 166	#2D41A6
50.0%	50.0% #25368C	RGB 37 54 140	#25368C
66.7%	66.7% #1E2C72	RGB 30 44 114	#1E2C72
83.3%	83.3% #172258	RGB 23 34 88	#172258
100.0%	100.0% #10183E	RGB 16 24 62	#10183E

#3E55DA #354BC0 #2D41A6 #25368C #1E2C72 #172258 #10183E

#3E56DA - #25368C - #10183E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E55DA 0%, #25368C 50%, #10183E 100%);
    background: -webkit-linear-gradient(top, #3E55DA 0%, #25368C 50%, #10183E 100%);
    background: linear-gradient(to bottom, #3E55DA 0%, #25368C 50%, #10183E 100%);
}
</style>