#661B18 - #3C0F06 | 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 #661B18 to #3C0F06

#661B18 #3C0F06

Calculate the color between two colors, #661B18 and #3C0F06. 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)

#661B18 - #3C0F06 | 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 #661B18 as 0% and #3C0F06 as 100%.

0.0%	0.0% #661B18	RGB 102 27 24	#661B18
16.7%	16.7% #5F1915	RGB 95 25 21	#5F1915
33.3%	33.3% #581712	RGB 88 23 18	#581712
50.0%	50.0% #51150F	RGB 81 21 15	#51150F
66.7%	66.7% #4A130C	RGB 74 19 12	#4A130C
83.3%	83.3% #431109	RGB 67 17 9	#431109
100.0%	100.0% #3C0F06	RGB 60 15 6	#3C0F06

#661B18 #5F1915 #581712 #51150F #4A130C #431109 #3C0F06

#661B18 - #3C0F06

HSV Blend

#661B18 - #3C0F06 | 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 #661B18 as 0% and #3C0F06 as 100%.

0.0%	0.0% #661B18	RGB 102 27 24	#661B18
16.7%	16.7% #5F1814	RGB 95 24 20	#5F1814
33.3%	33.3% #581610	RGB 88 22 16	#581610
50.0%	50.0% #51140D	RGB 81 20 13	#51140D
66.7%	66.7% #4A120A	RGB 74 18 10	#4A120A
83.3%	83.3% #431008	RGB 67 16 8	#431008
100.0%	100.0% #3C0F06	RGB 60 15 6	#3C0F06

#661B18 #5F1814 #581610 #51140D #4A120A #431008 #3C0F06

#661B18 - #51140D - #3C0F06

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #661B18 0%, #51140D 50%, #3C0F06 100%);
    background: -webkit-linear-gradient(top, #661B18 0%, #51140D 50%, #3C0F06 100%);
    background: linear-gradient(to bottom, #661B18 0%, #51140D 50%, #3C0F06 100%);
}
</style>