#000000 - #002D26 | 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 #000000 to #002D26

#000000 #002D26

Calculate the color between two colors, #000000 and #002D26. 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)

#000000 - #002D26 | 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 #000000 as 0% and #002D26 as 100%.

0.0%	0.0% #000000	RGB 0 0 0	#000000
16.7%	16.7% #000706	RGB 0 7 6	#000706
33.3%	33.3% #000F0C	RGB 0 15 12	#000F0C
50.0%	50.0% #001613	RGB 0 22 19	#001613
66.7%	66.7% #001E19	RGB 0 30 25	#001E19
83.3%	83.3% #00251F	RGB 0 37 31	#00251F
100.0%	100.0% #002D26	RGB 0 45 38	#002D26

#000000 #000706 #000F0C #001613 #001E19 #00251F #002D26

#000000 - #002D26

HSV Blend

#000000 - #002D26 | 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 #000000 as 0% and #002D26 as 100%.

0.0%	0.0% #000000	RGB 0 0 0	#000000
16.7%	16.7% #070606	RGB 7 6 6	#070606
33.3%	33.3% #0F0E0A	RGB 15 14 10	#0F0E0A
50.0%	50.0% #11160B	RGB 17 22 11	#11160B
66.7%	66.7% #0C1E0A	RGB 12 30 10	#0C1E0A
83.3%	83.3% #062511	RGB 6 37 17	#062511
100.0%	100.0% #002D26	RGB 0 45 38	#002D26

#000000 #070606 #0F0E0A #11160B #0C1E0A #062511 #002D26

#000000 - #11160B - #002D26

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #000000 0%, #11160B 50%, #002D26 100%);
    background: -webkit-linear-gradient(top, #000000 0%, #11160B 50%, #002D26 100%);
    background: linear-gradient(to bottom, #000000 0%, #11160B 50%, #002D26 100%);
}
</style>