#141439 - #4B3E85 | 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 #141439 to #4B3E85

#141439 #4B3E85

Calculate the color between two colors, #141439 and #4B3E85. 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)

#141439 - #4B3E85 | 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 #141439 as 0% and #4B3E85 as 100%.

0.0%	0.0% #141439	RGB 20 20 57	#141439
16.7%	16.7% #1D1B45	RGB 29 27 69	#1D1B45
33.3%	33.3% #262252	RGB 38 34 82	#262252
50.0%	50.0% #2F295F	RGB 47 41 95	#2F295F
66.7%	66.7% #38306B	RGB 56 48 107	#38306B
83.3%	83.3% #413778	RGB 65 55 120	#413778
100.0%	100.0% #4B3E85	RGB 75 62 133	#4B3E85

#141439 #1D1B45 #262252 #2F295F #38306B #413778 #4B3E85

#141439 - #4B3E85

HSV Blend

#141439 - #4B3E85 | 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 #141439 as 0% and #4B3E85 as 100%.

0.0%	0.0% #141439	RGB 20 20 57	#141439
16.7%	16.7% #1B1945	RGB 27 25 69	#1B1945
33.3%	33.3% #232052	RGB 35 32 82	#232052
50.0%	50.0% #2B265F	RGB 43 38 95	#2B265F
66.7%	66.7% #352E6B	RGB 53 46 107	#352E6B
83.3%	83.3% #3F3578	RGB 63 53 120	#3F3578
100.0%	100.0% #4B3E85	RGB 75 62 133	#4B3E85

#141439 #1B1945 #232052 #2B265F #352E6B #3F3578 #4B3E85

#141439 - #2B265F - #4B3E85

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #141439 0%, #2B265F 50%, #4B3E85 100%);
    background: -webkit-linear-gradient(top, #141439 0%, #2B265F 50%, #4B3E85 100%);
    background: linear-gradient(to bottom, #141439 0%, #2B265F 50%, #4B3E85 100%);
}
</style>