#1B0D0D - #574342 | 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 #1B0D0D to #574342

#1B0D0D #574342

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

#1B0D0D - #574342 | 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 #1B0D0D as 0% and #574342 as 100%.

0.0%	0.0% #1B0D0D	RGB 27 13 13	#1B0D0D
16.7%	16.7% #251615	RGB 37 22 21	#251615
33.3%	33.3% #2F1F1E	RGB 47 31 30	#2F1F1E
50.0%	50.0% #392827	RGB 57 40 39	#392827
66.7%	66.7% #433130	RGB 67 49 48	#433130
83.3%	83.3% #4D3A39	RGB 77 58 57	#4D3A39
100.0%	100.0% #574342	RGB 87 67 66	#574342

#1B0D0D #251615 #2F1F1E #392827 #433130 #4D3A39 #574342

#1B0D0D - #574342

HSV Blend

#1B0D0D - #574342 | 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 #1B0D0D as 0% and #574342 as 100%.

0.0%	0.0% #1B0D0D	RGB 27 13 13	#1B0D0D
16.7%	16.7% #251313	RGB 37 19 19	#251313
33.3%	33.3% #2F1B1A	RGB 47 27 26	#2F1B1A
50.0%	50.0% #392323	RGB 57 35 35	#392323
66.7%	66.7% #432D2C	RGB 67 45 44	#432D2C
83.3%	83.3% #4D3736	RGB 77 55 54	#4D3736
100.0%	100.0% #574342	RGB 87 67 66	#574342

#1B0D0D #251313 #2F1B1A #392323 #432D2C #4D3736 #574342

#1B0D0D - #392323 - #574342

CSS codes

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

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