#12360C - #040F03 | 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 #12360C to #040F03

#12360C #040F03

Calculate the color between two colors, #12360C and #040F03. 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)

#12360C - #040F03 | 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 #12360C as 0% and #040F03 as 100%.

0.0%	0.0% #12360C	RGB 18 54 12	#12360C
16.7%	16.7% #0F2F0A	RGB 15 47 10	#0F2F0A
33.3%	33.3% #0D2909	RGB 13 41 9	#0D2909
50.0%	50.0% #0B2207	RGB 11 34 7	#0B2207
66.7%	66.7% #081C06	RGB 8 28 6	#081C06
83.3%	83.3% #061504	RGB 6 21 4	#061504
100.0%	100.0% #040F03	RGB 4 15 3	#040F03

#12360C #0F2F0A #0D2909 #0B2207 #081C06 #061504 #040F03

#12360C - #040F03

HSV Blend

#12360C - #040F03 | 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 #12360C as 0% and #040F03 as 100%.

0.0%	0.0% #11360C	RGB 17 54 12	#11360C
16.7%	16.7% #0F2F0A	RGB 15 47 10	#0F2F0A
33.3%	33.3% #0C2908	RGB 12 41 8	#0C2908
50.0%	50.0% #0A2207	RGB 10 34 7	#0A2207
66.7%	66.7% #081C05	RGB 8 28 5	#081C05
83.3%	83.3% #051504	RGB 5 21 4	#051504
100.0%	100.0% #040F03	RGB 4 15 3	#040F03

#11360C #0F2F0A #0C2908 #0A2207 #081C05 #051504 #040F03

#12360C - #0A2207 - #040F03

CSS codes

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

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