#252E2B - #001B19 | 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 #252E2B to #001B19

#252E2B #001B19

Calculate the color between two colors, #252E2B and #001B19. 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)

#252E2B - #001B19 | 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 #252E2B as 0% and #001B19 as 100%.

0.0%	0.0% #252E2B	RGB 37 46 43	#252E2B
16.7%	16.7% #1E2A28	RGB 30 42 40	#1E2A28
33.3%	33.3% #182725	RGB 24 39 37	#182725
50.0%	50.0% #122422	RGB 18 36 34	#122422
66.7%	66.7% #0C211F	RGB 12 33 31	#0C211F
83.3%	83.3% #061E1C	RGB 6 30 28	#061E1C
100.0%	100.0% #001B19	RGB 0 27 25	#001B19

#252E2B #1E2A28 #182725 #122422 #0C211F #061E1C #001B19

#252E2B - #001B19

HSV Blend

#252E2B - #001B19 | 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 #252E2B as 0% and #001B19 as 100%.

0.0%	0.0% #252E2B	RGB 37 46 43	#252E2B
16.7%	16.7% #1C2A26	RGB 28 42 38	#1C2A26
33.3%	33.3% #152723	RGB 21 39 35	#152723
50.0%	50.0% #0E2420	RGB 14 36 32	#0E2420
66.7%	66.7% #08211D	RGB 8 33 29	#08211D
83.3%	83.3% #041E1B	RGB 4 30 27	#041E1B
100.0%	100.0% #001B19	RGB 0 27 25	#001B19

#252E2B #1C2A26 #152723 #0E2420 #08211D #041E1B #001B19

#252E2B - #0E2420 - #001B19

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #252E2B 0%, #0E2420 50%, #001B19 100%);
    background: -webkit-linear-gradient(top, #252E2B 0%, #0E2420 50%, #001B19 100%);
    background: linear-gradient(to bottom, #252E2B 0%, #0E2420 50%, #001B19 100%);
}
</style>