#2D4AA1 - #141D3E | 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 #2D4AA1 to #141D3E

#2D4AA1 #141D3E

Calculate the color between two colors, #2D4AA1 and #141D3E. 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)

#2D4AA1 - #141D3E | 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 #2D4AA1 as 0% and #141D3E as 100%.

0.0%	0.0% #2D4AA1	RGB 45 74 161	#2D4AA1
16.7%	16.7% #284290	RGB 40 66 144	#284290
33.3%	33.3% #243B80	RGB 36 59 128	#243B80
50.0%	50.0% #20336F	RGB 32 51 111	#20336F
66.7%	66.7% #1C2C5F	RGB 28 44 95	#1C2C5F
83.3%	83.3% #18244E	RGB 24 36 78	#18244E
100.0%	100.0% #141D3E	RGB 20 29 62	#141D3E

#2D4AA1 #284290 #243B80 #20336F #1C2C5F #18244E #141D3E

#2D4AA1 - #141D3E

HSV Blend

#2D4AA1 - #141D3E | 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 #2D4AA1 as 0% and #141D3E as 100%.

0.0%	0.0% #2D4AA1	RGB 45 74 161	#2D4AA1
16.7%	16.7% #294290	RGB 41 66 144	#294290
33.3%	33.3% #253B80	RGB 37 59 128	#253B80
50.0%	50.0% #21336F	RGB 33 51 111	#21336F
66.7%	66.7% #1D2C5F	RGB 29 44 95	#1D2C5F
83.3%	83.3% #18244E	RGB 24 36 78	#18244E
100.0%	100.0% #141D3E	RGB 20 29 62	#141D3E

#2D4AA1 #294290 #253B80 #21336F #1D2C5F #18244E #141D3E

#2D4AA1 - #21336F - #141D3E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D4AA1 0%, #21336F 50%, #141D3E 100%);
    background: -webkit-linear-gradient(top, #2D4AA1 0%, #21336F 50%, #141D3E 100%);
    background: linear-gradient(to bottom, #2D4AA1 0%, #21336F 50%, #141D3E 100%);
}
</style>