#691C10 - #1E0804 | 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 #691C10 to #1E0804

#691C10 #1E0804

Calculate the color between two colors, #691C10 and #1E0804. 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)

#691C10 - #1E0804 | 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 #691C10 as 0% and #1E0804 as 100%.

0.0%	0.0% #691C10	RGB 105 28 16	#691C10
16.7%	16.7% #5C180E	RGB 92 24 14	#5C180E
33.3%	33.3% #50150C	RGB 80 21 12	#50150C
50.0%	50.0% #43120A	RGB 67 18 10	#43120A
66.7%	66.7% #370E08	RGB 55 14 8	#370E08
83.3%	83.3% #2A0B06	RGB 42 11 6	#2A0B06
100.0%	100.0% #1E0804	RGB 30 8 4	#1E0804

#691C10 #5C180E #50150C #43120A #370E08 #2A0B06 #1E0804

#691C10 - #1E0804

HSV Blend

#691C10 - #1E0804 | 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 #691C10 as 0% and #1E0804 as 100%.

0.0%	0.0% #691C10	RGB 105 28 16	#691C10
16.7%	16.7% #5C180D	RGB 92 24 13	#5C180D
33.3%	33.3% #50150B	RGB 80 21 11	#50150B
50.0%	50.0% #431109	RGB 67 17 9	#431109
66.7%	66.7% #370E07	RGB 55 14 7	#370E07
83.3%	83.3% #2A0B05	RGB 42 11 5	#2A0B05
100.0%	100.0% #1E0804	RGB 30 8 4	#1E0804

#691C10 #5C180D #50150B #431109 #370E07 #2A0B05 #1E0804

#691C10 - #431109 - #1E0804

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #691C10 0%, #431109 50%, #1E0804 100%);
    background: -webkit-linear-gradient(top, #691C10 0%, #431109 50%, #1E0804 100%);
    background: linear-gradient(to bottom, #691C10 0%, #431109 50%, #1E0804 100%);
}
</style>