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

#2A2D2D #002019

Calculate the color between two colors, #2A2D2D 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)

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

0.0%	0.0% #2A2D2D	RGB 42 45 45	#2A2D2D
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% #0D241F	RGB 13 36 31	#0D241F
83.3%	83.3% #07221C	RGB 7 34 28	#07221C
100.0%	100.0% #002019	RGB 0 32 25	#002019

#2A2D2D #232A29 #1C2826 #152623 #0D241F #07221C #002019

#2A2D2D - #002019

HSV Blend

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

0.0%	0.0% #2A2D2D	RGB 42 45 45	#2A2D2D
16.7%	16.7% #212A2A	RGB 33 42 42	#212A2A
33.3%	33.3% #192827	RGB 25 40 39	#192827
50.0%	50.0% #112624	RGB 17 38 36	#112624
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

#2A2D2D #212A2A #192827 #112624 #0B2420 #05221C #002019

#2A2D2D - #112624 - #002019

CSS codes

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

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