#242B2D - #00141E | 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 #242B2D to #00141E

#242B2D #00141E

Calculate the color between two colors, #242B2D and #00141E. 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)

#242B2D - #00141E | 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 #242B2D as 0% and #00141E as 100%.

0.0%	0.0% #242B2D	RGB 36 43 45	#242B2D
16.7%	16.7% #1E272A	RGB 30 39 42	#1E272A
33.3%	33.3% #182328	RGB 24 35 40	#182328
50.0%	50.0% #121F25	RGB 18 31 37	#121F25
66.7%	66.7% #0C1B23	RGB 12 27 35	#0C1B23
83.3%	83.3% #061720	RGB 6 23 32	#061720
100.0%	100.0% #00141E	RGB 0 20 30	#00141E

#242B2D #1E272A #182328 #121F25 #0C1B23 #061720 #00141E

#242B2D - #00141E

HSV Blend

#242B2D - #00141E | 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 #242B2D as 0% and #00141E as 100%.

0.0%	0.0% #242B2D	RGB 36 43 45	#242B2D
16.7%	16.7% #1C272A	RGB 28 39 42	#1C272A
33.3%	33.3% #152328	RGB 21 35 40	#152328
50.0%	50.0% #0F1F25	RGB 15 31 37	#0F1F25
66.7%	66.7% #091B23	RGB 9 27 35	#091B23
83.3%	83.3% #041720	RGB 4 23 32	#041720
100.0%	100.0% #00141E	RGB 0 20 30	#00141E

#242B2D #1C272A #152328 #0F1F25 #091B23 #041720 #00141E

#242B2D - #0F1F25 - #00141E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #242B2D 0%, #0F1F25 50%, #00141E 100%);
    background: -webkit-linear-gradient(top, #242B2D 0%, #0F1F25 50%, #00141E 100%);
    background: linear-gradient(to bottom, #242B2D 0%, #0F1F25 50%, #00141E 100%);
}
</style>