#341924 - #8B534C | 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 #341924 to #8B534C

#341924 #8B534C

Calculate the color between two colors, #341924 and #8B534C. 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)

#341924 - #8B534C | 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 #341924 as 0% and #8B534C as 100%.

0.0%	0.0% #341924	RGB 52 25 36	#341924
16.7%	16.7% #42222A	RGB 66 34 42	#42222A
33.3%	33.3% #512C31	RGB 81 44 49	#512C31
50.0%	50.0% #5F3638	RGB 95 54 56	#5F3638
66.7%	66.7% #6E3F3E	RGB 110 63 62	#6E3F3E
83.3%	83.3% #7C4945	RGB 124 73 69	#7C4945
100.0%	100.0% #8B534C	RGB 139 83 76	#8B534C

#341924 #42222A #512C31 #5F3638 #6E3F3E #7C4945 #8B534C

#341924 - #8B534C

HSV Blend

#341924 - #8B534C | 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 #341924 as 0% and #8B534C as 100%.

0.0%	0.0% #341924	RGB 52 25 36	#341924
16.7%	16.7% #42202B	RGB 66 32 43	#42202B
33.3%	33.3% #512832	RGB 81 40 50	#512832
50.0%	50.0% #5F3137	RGB 95 49 55	#5F3137
66.7%	66.7% #6E393C	RGB 110 57 60	#6E393C
83.3%	83.3% #7C4442	RGB 124 68 66	#7C4442
100.0%	100.0% #8B534C	RGB 139 83 76	#8B534C

#341924 #42202B #512832 #5F3137 #6E393C #7C4442 #8B534C

#341924 - #5F3137 - #8B534C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #341924 0%, #5F3137 50%, #8B534C 100%);
    background: -webkit-linear-gradient(top, #341924 0%, #5F3137 50%, #8B534C 100%);
    background: linear-gradient(to bottom, #341924 0%, #5F3137 50%, #8B534C 100%);
}
</style>