#A5576C - #2F181E | 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 #A5576C to #2F181E

#A5576C #2F181E

Calculate the color between two colors, #A5576C and #2F181E. 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)

#A5576C - #2F181E | 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 #A5576C as 0% and #2F181E as 100%.

0.0%	0.0% #A5576C	RGB 165 87 108	#A5576C
16.7%	16.7% #914C5F	RGB 145 76 95	#914C5F
33.3%	33.3% #7D4252	RGB 125 66 82	#7D4252
50.0%	50.0% #6A3745	RGB 106 55 69	#6A3745
66.7%	66.7% #562D38	RGB 86 45 56	#562D38
83.3%	83.3% #42222B	RGB 66 34 43	#42222B
100.0%	100.0% #2F181E	RGB 47 24 30	#2F181E

#A5576C #914C5F #7D4252 #6A3745 #562D38 #42222B #2F181E

#A5576C - #2F181E

HSV Blend

#A5576C - #2F181E | 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 #A5576C as 0% and #2F181E as 100%.

0.0%	0.0% #A5576C	RGB 165 87 108	#A5576C
16.7%	16.7% #914C5E	RGB 145 76 94	#914C5E
33.3%	33.3% #7D4151	RGB 125 65 81	#7D4151
50.0%	50.0% #6A3744	RGB 106 55 68	#6A3744
66.7%	66.7% #562C37	RGB 86 44 55	#562C37
83.3%	83.3% #42222A	RGB 66 34 42	#42222A
100.0%	100.0% #2F181E	RGB 47 24 30	#2F181E

#A5576C #914C5E #7D4151 #6A3744 #562C37 #42222A #2F181E

#A5576C - #6A3744 - #2F181E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A5576C 0%, #6A3744 50%, #2F181E 100%);
    background: -webkit-linear-gradient(top, #A5576C 0%, #6A3744 50%, #2F181E 100%);
    background: linear-gradient(to bottom, #A5576C 0%, #6A3744 50%, #2F181E 100%);
}
</style>