#140B05 - #473D35 | 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 #140B05 to #473D35

#140B05 #473D35

Calculate the color between two colors, #140B05 and #473D35. 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)

#140B05 - #473D35 | 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 #140B05 as 0% and #473D35 as 100%.

0.0%	0.0% #140B05	RGB 20 11 5	#140B05
16.7%	16.7% #1C130D	RGB 28 19 13	#1C130D
33.3%	33.3% #251B15	RGB 37 27 21	#251B15
50.0%	50.0% #2D241D	RGB 45 36 29	#2D241D
66.7%	66.7% #362C25	RGB 54 44 37	#362C25
83.3%	83.3% #3E342D	RGB 62 52 45	#3E342D
100.0%	100.0% #473D35	RGB 71 61 53	#473D35

#140B05 #1C130D #251B15 #2D241D #362C25 #3E342D #473D35

#140B05 - #473D35

HSV Blend

#140B05 - #473D35 | 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 #140B05 as 0% and #473D35 as 100%.

0.0%	0.0% #140B05	RGB 20 11 5	#140B05
16.7%	16.7% #1C1109	RGB 28 17 9	#1C1109
33.3%	33.3% #25180F	RGB 37 24 15	#25180F
50.0%	50.0% #2D2016	RGB 45 32 22	#2D2016
66.7%	66.7% #36291F	RGB 54 41 31	#36291F
83.3%	83.3% #3E3229	RGB 62 50 41	#3E3229
100.0%	100.0% #473D35	RGB 71 61 53	#473D35

#140B05 #1C1109 #25180F #2D2016 #36291F #3E3229 #473D35

#140B05 - #2D2016 - #473D35

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #140B05 0%, #2D2016 50%, #473D35 100%);
    background: -webkit-linear-gradient(top, #140B05 0%, #2D2016 50%, #473D35 100%);
    background: linear-gradient(to bottom, #140B05 0%, #2D2016 50%, #473D35 100%);
}
</style>