#103921 - #05301B | 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 #103921 to #05301B

#103921 #05301B

Calculate the color between two colors, #103921 and #05301B. 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)

#103921 - #05301B | 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 #103921 as 0% and #05301B as 100%.

0.0%	0.0% #103921	RGB 16 57 33	#103921
16.7%	16.7% #0E3720	RGB 14 55 32	#0E3720
33.3%	33.3% #0C361F	RGB 12 54 31	#0C361F
50.0%	50.0% #0A341E	RGB 10 52 30	#0A341E
66.7%	66.7% #08331D	RGB 8 51 29	#08331D
83.3%	83.3% #06311C	RGB 6 49 28	#06311C
100.0%	100.0% #05301B	RGB 5 48 27	#05301B

#103921 #0E3720 #0C361F #0A341E #08331D #06311C #05301B

#103921 - #05301B

HSV Blend

#103921 - #05301B | 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 #103921 as 0% and #05301B as 100%.

0.0%	0.0% #103921	RGB 16 57 33	#103921
16.7%	16.7% #0D371F	RGB 13 55 31	#0D371F
33.3%	33.3% #0B361E	RGB 11 54 30	#0B361E
50.0%	50.0% #0A341D	RGB 10 52 29	#0A341D
66.7%	66.7% #08331C	RGB 8 51 28	#08331C
83.3%	83.3% #06311B	RGB 6 49 27	#06311B
100.0%	100.0% #05301B	RGB 5 48 27	#05301B

#103921 #0D371F #0B361E #0A341D #08331C #06311B #05301B

#103921 - #0A341D - #05301B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #103921 0%, #0A341D 50%, #05301B 100%);
    background: -webkit-linear-gradient(top, #103921 0%, #0A341D 50%, #05301B 100%);
    background: linear-gradient(to bottom, #103921 0%, #0A341D 50%, #05301B 100%);
}
</style>