#063908 - #011001 | 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 #063908 to #011001

#063908 #011001

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

#063908 - #011001 | 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 #063908 as 0% and #011001 as 100%.

0.0%	0.0% #063908	RGB 6 57 8	#063908
16.7%	16.7% #053206	RGB 5 50 6	#053206
33.3%	33.3% #042B05	RGB 4 43 5	#042B05
50.0%	50.0% #032404	RGB 3 36 4	#032404
66.7%	66.7% #021D03	RGB 2 29 3	#021D03
83.3%	83.3% #011602	RGB 1 22 2	#011602
100.0%	100.0% #011001	RGB 1 16 1	#011001

#063908 #053206 #042B05 #032404 #021D03 #011602 #011001

#063908 - #011001

HSV Blend

#063908 - #011001 | 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 #063908 as 0% and #011001 as 100%.

0.0%	0.0% #063908	RGB 6 57 8	#063908
16.7%	16.7% #043206	RGB 4 50 6	#043206
33.3%	33.3% #032B04	RGB 3 43 4	#032B04
50.0%	50.0% #032403	RGB 3 36 3	#032403
66.7%	66.7% #021D02	RGB 2 29 2	#021D02
83.3%	83.3% #011601	RGB 1 22 1	#011601
100.0%	100.0% #011001	RGB 1 16 1	#011001

#063908 #043206 #032B04 #032403 #021D02 #011601 #011001

#063908 - #032403 - #011001

CSS codes

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

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