#141A2D - #00070B | 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 #141A2D to #00070B

#141A2D #00070B

Calculate the color between two colors, #141A2D and #00070B. 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)

#141A2D - #00070B | 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 #141A2D as 0% and #00070B as 100%.

0.0%	0.0% #141A2D	RGB 20 26 45	#141A2D
16.7%	16.7% #101627	RGB 16 22 39	#101627
33.3%	33.3% #0D1321	RGB 13 19 33	#0D1321
50.0%	50.0% #0A101C	RGB 10 16 28	#0A101C
66.7%	66.7% #060D16	RGB 6 13 22	#060D16
83.3%	83.3% #030A10	RGB 3 10 16	#030A10
100.0%	100.0% #00070B	RGB 0 7 11	#00070B

#141A2D #101627 #0D1321 #0A101C #060D16 #030A10 #00070B

#141A2D - #00070B

HSV Blend

#141A2D - #00070B | 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 #141A2D as 0% and #00070B as 100%.

0.0%	0.0% #141A2D	RGB 20 26 45	#141A2D
16.7%	16.7% #0E1627	RGB 14 22 39	#0E1627
33.3%	33.3% #091221	RGB 9 18 33	#091221
50.0%	50.0% #060F1C	RGB 6 15 28	#060F1C
66.7%	66.7% #030C16	RGB 3 12 22	#030C16
83.3%	83.3% #010A10	RGB 1 10 16	#010A10
100.0%	100.0% #00070B	RGB 0 7 11	#00070B

#141A2D #0E1627 #091221 #060F1C #030C16 #010A10 #00070B

#141A2D - #060F1C - #00070B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #141A2D 0%, #060F1C 50%, #00070B 100%);
    background: -webkit-linear-gradient(top, #141A2D 0%, #060F1C 50%, #00070B 100%);
    background: linear-gradient(to bottom, #141A2D 0%, #060F1C 50%, #00070B 100%);
}
</style>