#6F2D2D - #1F0C0C | 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 #6F2D2D to #1F0C0C

#6F2D2D #1F0C0C

Calculate the color between two colors, #6F2D2D and #1F0C0C. 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)

#6F2D2D - #1F0C0C | 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 #6F2D2D as 0% and #1F0C0C as 100%.

0.0%	0.0% #6F2D2D	RGB 111 45 45	#6F2D2D
16.7%	16.7% #612727	RGB 97 39 39	#612727
33.3%	33.3% #542222	RGB 84 34 34	#542222
50.0%	50.0% #471C1C	RGB 71 28 28	#471C1C
66.7%	66.7% #391717	RGB 57 23 23	#391717
83.3%	83.3% #2C1111	RGB 44 17 17	#2C1111
100.0%	100.0% #1F0C0C	RGB 31 12 12	#1F0C0C

#6F2D2D #612727 #542222 #471C1C #391717 #2C1111 #1F0C0C

#6F2D2D - #1F0C0C

HSV Blend

#6F2D2D - #1F0C0C | 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 #6F2D2D as 0% and #1F0C0C as 100%.

0.0%	0.0% #6F2D2D	RGB 111 45 45	#6F2D2D
16.7%	16.7% #612727	RGB 97 39 39	#612727
33.3%	33.3% #542121	RGB 84 33 33	#542121
50.0%	50.0% #471C1C	RGB 71 28 28	#471C1C
66.7%	66.7% #391616	RGB 57 22 22	#391616
83.3%	83.3% #2C1111	RGB 44 17 17	#2C1111
100.0%	100.0% #1F0C0C	RGB 31 12 12	#1F0C0C

#6F2D2D #612727 #542121 #471C1C #391616 #2C1111 #1F0C0C

#6F2D2D - #471C1C - #1F0C0C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6F2D2D 0%, #471C1C 50%, #1F0C0C 100%);
    background: -webkit-linear-gradient(top, #6F2D2D 0%, #471C1C 50%, #1F0C0C 100%);
    background: linear-gradient(to bottom, #6F2D2D 0%, #471C1C 50%, #1F0C0C 100%);
}
</style>