#141439 - #050510 | 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 #050510

#141439 #050510

Calculate the color between two colors, #141439 and #050510. 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 - #050510 | 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 #050510 as 100%.

0.0%	0.0% #141439	RGB 20 20 57	#141439
16.7%	16.7% #111132	RGB 17 17 50	#111132
33.3%	33.3% #0F0F2B	RGB 15 15 43	#0F0F2B
50.0%	50.0% #0C0C24	RGB 12 12 36	#0C0C24
66.7%	66.7% #0A0A1D	RGB 10 10 29	#0A0A1D
83.3%	83.3% #070716	RGB 7 7 22	#070716
100.0%	100.0% #050510	RGB 5 5 16	#050510

#141439 #111132 #0F0F2B #0C0C24 #0A0A1D #070716 #050510

#141439 - #050510

HSV Blend

#141439 - #050510 | 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 #050510 as 100%.

0.0%	0.0% #141439	RGB 20 20 57	#141439
16.7%	16.7% #111132	RGB 17 17 50	#111132
33.3%	33.3% #0E0E2B	RGB 14 14 43	#0E0E2B
50.0%	50.0% #0C0C24	RGB 12 12 36	#0C0C24
66.7%	66.7% #09091D	RGB 9 9 29	#09091D
83.3%	83.3% #070716	RGB 7 7 22	#070716
100.0%	100.0% #050510	RGB 5 5 16	#050510

#141439 #111132 #0E0E2B #0C0C24 #09091D #070716 #050510

#141439 - #0C0C24 - #050510

CSS codes

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

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