#1A2D15 - #060C06 | 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 #1A2D15 to #060C06

#1A2D15 #060C06

Calculate the color between two colors, #1A2D15 and #060C06. 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)

#1A2D15 - #060C06 | 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 #1A2D15 as 0% and #060C06 as 100%.

0.0%	0.0% #1A2D15	RGB 26 45 21	#1A2D15
16.7%	16.7% #162712	RGB 22 39 18	#162712
33.3%	33.3% #132210	RGB 19 34 16	#132210
50.0%	50.0% #101C0D	RGB 16 28 13	#101C0D
66.7%	66.7% #0C170B	RGB 12 23 11	#0C170B
83.3%	83.3% #091108	RGB 9 17 8	#091108
100.0%	100.0% #060C06	RGB 6 12 6	#060C06

#1A2D15 #162712 #132210 #101C0D #0C170B #091108 #060C06

#1A2D15 - #060C06

HSV Blend

#1A2D15 - #060C06 | 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 #1A2D15 as 0% and #060C06 as 100%.

0.0%	0.0% #1A2D15	RGB 26 45 21	#1A2D15
16.7%	16.7% #162712	RGB 22 39 18	#162712
33.3%	33.3% #122210	RGB 18 34 16	#122210
50.0%	50.0% #0F1C0D	RGB 15 28 13	#0F1C0D
66.7%	66.7% #0C170B	RGB 12 23 11	#0C170B
83.3%	83.3% #081108	RGB 8 17 8	#081108
100.0%	100.0% #060C06	RGB 6 12 6	#060C06

#1A2D15 #162712 #122210 #0F1C0D #0C170B #081108 #060C06

#1A2D15 - #0F1C0D - #060C06

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1A2D15 0%, #0F1C0D 50%, #060C06 100%);
    background: -webkit-linear-gradient(top, #1A2D15 0%, #0F1C0D 50%, #060C06 100%);
    background: linear-gradient(to bottom, #1A2D15 0%, #0F1C0D 50%, #060C06 100%);
}
</style>