#DA5E5C - #3E1A1A | 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 #DA5E5C to #3E1A1A

#DA5E5C #3E1A1A

Calculate the color between two colors, #DA5E5C and #3E1A1A. 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)

#DA5E5C - #3E1A1A | 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 #DA5E5C as 0% and #3E1A1A as 100%.

0.0%	0.0% #DA5E5C	RGB 218 94 92	#DA5E5C
16.7%	16.7% #C05251	RGB 192 82 81	#C05251
33.3%	33.3% #A64746	RGB 166 71 70	#A64746
50.0%	50.0% #8C3C3B	RGB 140 60 59	#8C3C3B
66.7%	66.7% #723030	RGB 114 48 48	#723030
83.3%	83.3% #582525	RGB 88 37 37	#582525
100.0%	100.0% #3E1A1A	RGB 62 26 26	#3E1A1A

#DA5E5C #C05251 #A64746 #8C3C3B #723030 #582525 #3E1A1A

#DA5E5C - #3E1A1A

HSV Blend

#DA5E5C - #3E1A1A | 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 #DA5E5C as 0% and #3E1A1A as 100%.

0.0%	0.0% #DA5E5C	RGB 218 94 92	#DA5E5C
16.7%	16.7% #C05250	RGB 192 82 80	#C05250
33.3%	33.3% #A64645	RGB 166 70 69	#A64645
50.0%	50.0% #8C3B3A	RGB 140 59 58	#8C3B3A
66.7%	66.7% #72302F	RGB 114 48 47	#72302F
83.3%	83.3% #582524	RGB 88 37 36	#582524
100.0%	100.0% #3E1A1A	RGB 62 26 26	#3E1A1A

#DA5E5C #C05250 #A64645 #8C3B3A #72302F #582524 #3E1A1A

#DA5E5C - #8C3B3A - #3E1A1A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DA5E5C 0%, #8C3B3A 50%, #3E1A1A 100%);
    background: -webkit-linear-gradient(top, #DA5E5C 0%, #8C3B3A 50%, #3E1A1A 100%);
    background: linear-gradient(to bottom, #DA5E5C 0%, #8C3B3A 50%, #3E1A1A 100%);
}
</style>