#2A1B05 - #240F07 | 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 #2A1B05 to #240F07

#2A1B05 #240F07

Calculate the color between two colors, #2A1B05 and #240F07. 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)

#2A1B05 - #240F07 | 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 #2A1B05 as 0% and #240F07 as 100%.

0.0%	0.0% #2A1B05	RGB 42 27 5	#2A1B05
16.7%	16.7% #291905	RGB 41 25 5	#291905
33.3%	33.3% #281705	RGB 40 23 5	#281705
50.0%	50.0% #271506	RGB 39 21 6	#271506
66.7%	66.7% #261306	RGB 38 19 6	#261306
83.3%	83.3% #251106	RGB 37 17 6	#251106
100.0%	100.0% #240F07	RGB 36 15 7	#240F07

#2A1B05 #291905 #281705 #271506 #261306 #251106 #240F07

#2A1B05 - #240F07

HSV Blend

#2A1B05 - #240F07 | 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 #2A1B05 as 0% and #240F07 as 100%.

0.0%	0.0% #2A1B05	RGB 42 27 5	#2A1B05
16.7%	16.7% #291805	RGB 41 24 5	#291805
33.3%	33.3% #281605	RGB 40 22 5	#281605
50.0%	50.0% #271406	RGB 39 20 6	#271406
66.7%	66.7% #261206	RGB 38 18 6	#261206
83.3%	83.3% #251006	RGB 37 16 6	#251006
100.0%	100.0% #240F07	RGB 36 15 7	#240F07

#2A1B05 #291805 #281605 #271406 #261206 #251006 #240F07

#2A1B05 - #271406 - #240F07

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2A1B05 0%, #271406 50%, #240F07 100%);
    background: -webkit-linear-gradient(top, #2A1B05 0%, #271406 50%, #240F07 100%);
    background: linear-gradient(to bottom, #2A1B05 0%, #271406 50%, #240F07 100%);
}
</style>