#060802 - #3C2D3A | 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 #060802 to #3C2D3A

#060802 #3C2D3A

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

#060802 - #3C2D3A | 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 #060802 as 0% and #3C2D3A as 100%.

0.0%	0.0% #060802	RGB 6 8 2	#060802
16.7%	16.7% #0F0E0B	RGB 15 14 11	#0F0E0B
33.3%	33.3% #181414	RGB 24 20 20	#181414
50.0%	50.0% #211A1E	RGB 33 26 30	#211A1E
66.7%	66.7% #2A2027	RGB 42 32 39	#2A2027
83.3%	83.3% #332630	RGB 51 38 48	#332630
100.0%	100.0% #3C2D3A	RGB 60 45 58	#3C2D3A

#060802 #0F0E0B #181414 #211A1E #2A2027 #332630 #3C2D3A

#060802 - #3C2D3A

HSV Blend

#060802 - #3C2D3A | 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 #060802 as 0% and #3C2D3A as 100%.

0.0%	0.0% #060802	RGB 6 8 2	#060802
16.7%	16.7% #101005	RGB 16 16 5	#101005
33.3%	33.3% #19130A	RGB 25 19 10	#19130A
50.0%	50.0% #221411	RGB 34 20 17	#221411
66.7%	66.7% #2A181B	RGB 42 24 27	#2A181B
83.3%	83.3% #33222A	RGB 51 34 42	#33222A
100.0%	100.0% #3C2D3A	RGB 60 45 58	#3C2D3A

#060802 #101005 #19130A #221411 #2A181B #33222A #3C2D3A

#060802 - #221411 - #3C2D3A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #060802 0%, #221411 50%, #3C2D3A 100%);
    background: -webkit-linear-gradient(top, #060802 0%, #221411 50%, #3C2D3A 100%);
    background: linear-gradient(to bottom, #060802 0%, #221411 50%, #3C2D3A 100%);
}
</style>