#071714 - #020605 | 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 #071714 to #020605

#071714 #020605

Calculate the color between two colors, #071714 and #020605. 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)

#071714 - #020605 | 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 #071714 as 0% and #020605 as 100%.

0.0%	0.0% #071714	RGB 7 23 20	#071714
16.7%	16.7% #061411	RGB 6 20 17	#061411
33.3%	33.3% #05110F	RGB 5 17 15	#05110F
50.0%	50.0% #040E0C	RGB 4 14 12	#040E0C
66.7%	66.7% #030B0A	RGB 3 11 10	#030B0A
83.3%	83.3% #020807	RGB 2 8 7	#020807
100.0%	100.0% #020605	RGB 2 6 5	#020605

#071714 #061411 #05110F #040E0C #030B0A #020807 #020605

#071714 - #020605

HSV Blend

#071714 - #020605 | 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 #071714 as 0% and #020605 as 100%.

0.0%	0.0% #071714	RGB 7 23 20	#071714
16.7%	16.7% #061411	RGB 6 20 17	#061411
33.3%	33.3% #05110E	RGB 5 17 14	#05110E
50.0%	50.0% #040E0C	RGB 4 14 12	#040E0C
66.7%	66.7% #030B09	RGB 3 11 9	#030B09
83.3%	83.3% #020807	RGB 2 8 7	#020807
100.0%	100.0% #020605	RGB 2 6 5	#020605

#071714 #061411 #05110E #040E0C #030B09 #020807 #020605

#071714 - #040E0C - #020605

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #071714 0%, #040E0C 50%, #020605 100%);
    background: -webkit-linear-gradient(top, #071714 0%, #040E0C 50%, #020605 100%);
    background: linear-gradient(to bottom, #071714 0%, #040E0C 50%, #020605 100%);
}
</style>