#141D5E - #405D9B | 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 #141D5E to #405D9B

#141D5E #405D9B

Calculate the color between two colors, #141D5E and #405D9B. 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)

#141D5E - #405D9B | 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 #141D5E as 0% and #405D9B as 100%.

0.0%	0.0% #141D5E	RGB 20 29 94	#141D5E
16.7%	16.7% #1B2768	RGB 27 39 104	#1B2768
33.3%	33.3% #223272	RGB 34 50 114	#223272
50.0%	50.0% #2A3D7C	RGB 42 61 124	#2A3D7C
66.7%	66.7% #314786	RGB 49 71 134	#314786
83.3%	83.3% #385290	RGB 56 82 144	#385290
100.0%	100.0% #405D9B	RGB 64 93 155	#405D9B

#141D5E #1B2768 #223272 #2A3D7C #314786 #385290 #405D9B

#141D5E - #405D9B

HSV Blend

#141D5E - #405D9B | 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 #141D5E as 0% and #405D9B as 100%.

0.0%	0.0% #131C5E	RGB 19 28 94	#131C5E
16.7%	16.7% #192568	RGB 25 37 104	#192568
33.3%	33.3% #1F2F72	RGB 31 47 114	#1F2F72
50.0%	50.0% #26397C	RGB 38 57 124	#26397C
66.7%	66.7% #2E4486	RGB 46 68 134	#2E4486
83.3%	83.3% #365090	RGB 54 80 144	#365090
100.0%	100.0% #405D9B	RGB 64 93 155	#405D9B

#131C5E #192568 #1F2F72 #26397C #2E4486 #365090 #405D9B

#141D5E - #26397C - #405D9B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #131C5E 0%, #26397C 50%, #405D9B 100%);
    background: -webkit-linear-gradient(top, #131C5E 0%, #26397C 50%, #405D9B 100%);
    background: linear-gradient(to bottom, #131C5E 0%, #26397C 50%, #405D9B 100%);
}
</style>