#141039 - #150004 | 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 #141039 to #150004

#141039 #150004

Calculate the color between two colors, #141039 and #150004. 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)

#141039 - #150004 | 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 #141039 as 0% and #150004 as 100%.

0.0%	0.0% #141039	RGB 20 16 57	#141039
16.7%	16.7% #140D30	RGB 20 13 48	#140D30
33.3%	33.3% #140A27	RGB 20 10 39	#140A27
50.0%	50.0% #14081E	RGB 20 8 30	#14081E
66.7%	66.7% #140515	RGB 20 5 21	#140515
83.3%	83.3% #14020C	RGB 20 2 12	#14020C
100.0%	100.0% #150004	RGB 21 0 4	#150004

#141039 #140D30 #140A27 #14081E #140515 #14020C #150004

#141039 - #150004

HSV Blend

#141039 - #150004 | 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 #141039 as 0% and #150004 as 100%.

0.0%	0.0% #141039	RGB 20 16 57	#141039
16.7%	16.7% #1A0B33	RGB 26 11 51	#1A0B33
33.3%	33.3% #20082D	RGB 32 8 45	#20082D
50.0%	50.0% #250527	RGB 37 5 39	#250527
66.7%	66.7% #210319	RGB 33 3 25	#210319
83.3%	83.3% #1B010D	RGB 27 1 13	#1B010D
100.0%	100.0% #150004	RGB 21 0 4	#150004

#141039 #1A0B33 #20082D #250527 #210319 #1B010D #150004

#141039 - #250527 - #150004

CSS codes

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

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