#271B05 - #71512B | 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 #271B05 to #71512B

#271B05 #71512B

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

#271B05 - #71512B | 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 #271B05 as 0% and #71512B as 100%.

0.0%	0.0% #271B05	RGB 39 27 5	#271B05
16.7%	16.7% #33240B	RGB 51 36 11	#33240B
33.3%	33.3% #3F2D11	RGB 63 45 17	#3F2D11
50.0%	50.0% #4C3618	RGB 76 54 24	#4C3618
66.7%	66.7% #583F1E	RGB 88 63 30	#583F1E
83.3%	83.3% #644824	RGB 100 72 36	#644824
100.0%	100.0% #71512B	RGB 113 81 43	#71512B

#271B05 #33240B #3F2D11 #4C3618 #583F1E #644824 #71512B

#271B05 - #71512B

HSV Blend

#271B05 - #71512B | 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 #271B05 as 0% and #71512B as 100%.

0.0%	0.0% #271B04	RGB 39 27 4	#271B04
16.7%	16.7% #332308	RGB 51 35 8	#332308
33.3%	33.3% #3F2C0D	RGB 63 44 13	#3F2C0D
50.0%	50.0% #4C3513	RGB 76 53 19	#4C3513
66.7%	66.7% #583E1A	RGB 88 62 26	#583E1A
83.3%	83.3% #644722	RGB 100 71 34	#644722
100.0%	100.0% #71512B	RGB 113 81 43	#71512B

#271B04 #332308 #3F2C0D #4C3513 #583E1A #644722 #71512B

#271B05 - #4C3513 - #71512B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #271B04 0%, #4C3513 50%, #71512B 100%);
    background: -webkit-linear-gradient(top, #271B04 0%, #4C3513 50%, #71512B 100%);
    background: linear-gradient(to bottom, #271B04 0%, #4C3513 50%, #71512B 100%);
}
</style>