#2B2D2D - #002019 | 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 #2B2D2D to #002019

#2B2D2D #002019

Calculate the color between two colors, #2B2D2D and #002019. 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)

#2B2D2D - #002019 | 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 #2B2D2D as 0% and #002019 as 100%.

0.0%	0.0% #2B2D2D	RGB 43 45 45	#2B2D2D
16.7%	16.7% #232A29	RGB 35 42 41	#232A29
33.3%	33.3% #1C2826	RGB 28 40 38	#1C2826
50.0%	50.0% #152623	RGB 21 38 35	#152623
66.7%	66.7% #0E241F	RGB 14 36 31	#0E241F
83.3%	83.3% #07221C	RGB 7 34 28	#07221C
100.0%	100.0% #002019	RGB 0 32 25	#002019

#2B2D2D #232A29 #1C2826 #152623 #0E241F #07221C #002019

#2B2D2D - #002019

HSV Blend

#2B2D2D - #002019 | 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 #2B2D2D as 0% and #002019 as 100%.

0.0%	0.0% #2B2D2D	RGB 43 45 45	#2B2D2D
16.7%	16.7% #222A2A	RGB 34 42 42	#222A2A
33.3%	33.3% #192827	RGB 25 40 39	#192827
50.0%	50.0% #122624	RGB 18 38 36	#122624
66.7%	66.7% #0B2420	RGB 11 36 32	#0B2420
83.3%	83.3% #05221C	RGB 5 34 28	#05221C
100.0%	100.0% #002019	RGB 0 32 25	#002019

#2B2D2D #222A2A #192827 #122624 #0B2420 #05221C #002019

#2B2D2D - #122624 - #002019

CSS codes

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

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