#AB4C5E - #60141F | 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 #AB4C5E to #60141F

#AB4C5E #60141F

Calculate the color between two colors, #AB4C5E and #60141F. 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)

#AB4C5E - #60141F | 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 #AB4C5E as 0% and #60141F as 100%.

0.0%	0.0% #AB4C5E	RGB 171 76 94	#AB4C5E
16.7%	16.7% #9E4253	RGB 158 66 83	#9E4253
33.3%	33.3% #923949	RGB 146 57 73	#923949
50.0%	50.0% #85303E	RGB 133 48 62	#85303E
66.7%	66.7% #792634	RGB 121 38 52	#792634
83.3%	83.3% #6C1D29	RGB 108 29 41	#6C1D29
100.0%	100.0% #60141F	RGB 96 20 31	#60141F

#AB4C5E #9E4253 #923949 #85303E #792634 #6C1D29 #60141F

#AB4C5E - #60141F

HSV Blend

#AB4C5E - #60141F | 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 #AB4C5E as 0% and #60141F as 100%.

0.0%	0.0% #AB4C5E	RGB 171 76 94	#AB4C5E
16.7%	16.7% #9E4051	RGB 158 64 81	#9E4051
33.3%	33.3% #923545	RGB 146 53 69	#923545
50.0%	50.0% #852B3A	RGB 133 43 58	#852B3A
66.7%	66.7% #792230	RGB 121 34 48	#792230
83.3%	83.3% #6C1A27	RGB 108 26 39	#6C1A27
100.0%	100.0% #60141F	RGB 96 20 31	#60141F

#AB4C5E #9E4051 #923545 #852B3A #792230 #6C1A27 #60141F

#AB4C5E - #852B3A - #60141F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AB4C5E 0%, #852B3A 50%, #60141F 100%);
    background: -webkit-linear-gradient(top, #AB4C5E 0%, #852B3A 50%, #60141F 100%);
    background: linear-gradient(to bottom, #AB4C5E 0%, #852B3A 50%, #60141F 100%);
}
</style>