#2F0E02 - #6F3D26 | 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 #2F0E02 to #6F3D26

#2F0E02 #6F3D26

Calculate the color between two colors, #2F0E02 and #6F3D26. 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)

#2F0E02 - #6F3D26 | 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 #2F0E02 as 0% and #6F3D26 as 100%.

0.0%	0.0% #2F0E02	RGB 47 14 2	#2F0E02
16.7%	16.7% #391508	RGB 57 21 8	#391508
33.3%	33.3% #441D0E	RGB 68 29 14	#441D0E
50.0%	50.0% #4F2514	RGB 79 37 20	#4F2514
66.7%	66.7% #592D1A	RGB 89 45 26	#592D1A
83.3%	83.3% #643520	RGB 100 53 32	#643520
100.0%	100.0% #6F3D26	RGB 111 61 38	#6F3D26

#2F0E02 #391508 #441D0E #4F2514 #592D1A #643520 #6F3D26

#2F0E02 - #6F3D26

HSV Blend

#2F0E02 - #6F3D26 | 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 #2F0E02 as 0% and #6F3D26 as 100%.

0.0%	0.0% #2F0E01	RGB 47 14 1	#2F0E01
16.7%	16.7% #391305	RGB 57 19 5	#391305
33.3%	33.3% #441A09	RGB 68 26 9	#441A09
50.0%	50.0% #4F210F	RGB 79 33 15	#4F210F
66.7%	66.7% #592A15	RGB 89 42 21	#592A15
83.3%	83.3% #64331D	RGB 100 51 29	#64331D
100.0%	100.0% #6F3D26	RGB 111 61 38	#6F3D26

#2F0E01 #391305 #441A09 #4F210F #592A15 #64331D #6F3D26

#2F0E02 - #4F210F - #6F3D26

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2F0E01 0%, #4F210F 50%, #6F3D26 100%);
    background: -webkit-linear-gradient(top, #2F0E01 0%, #4F210F 50%, #6F3D26 100%);
    background: linear-gradient(to bottom, #2F0E01 0%, #4F210F 50%, #6F3D26 100%);
}
</style>