#A8486D - #620C26 | 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 #A8486D to #620C26

#A8486D #620C26

Calculate the color between two colors, #A8486D and #620C26. 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)

#A8486D - #620C26 | 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 #A8486D as 0% and #620C26 as 100%.

0.0%	0.0% #A8486D	RGB 168 72 109	#A8486D
16.7%	16.7% #9C3E61	RGB 156 62 97	#9C3E61
33.3%	33.3% #903455	RGB 144 52 85	#903455
50.0%	50.0% #852A49	RGB 133 42 73	#852A49
66.7%	66.7% #79203D	RGB 121 32 61	#79203D
83.3%	83.3% #6D1631	RGB 109 22 49	#6D1631
100.0%	100.0% #620C26	RGB 98 12 38	#620C26

#A8486D #9C3E61 #903455 #852A49 #79203D #6D1631 #620C26

#A8486D - #620C26

HSV Blend

#A8486D - #620C26 | 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 #A8486D as 0% and #620C26 as 100%.

0.0%	0.0% #A8486D	RGB 168 72 109	#A8486D
16.7%	16.7% #9C3B5F	RGB 156 59 95	#9C3B5F
33.3%	33.3% #902F52	RGB 144 47 82	#902F52
50.0%	50.0% #852445	RGB 133 36 69	#852445
66.7%	66.7% #791B3A	RGB 121 27 58	#791B3A
83.3%	83.3% #6D132F	RGB 109 19 47	#6D132F
100.0%	100.0% #620C26	RGB 98 12 38	#620C26

#A8486D #9C3B5F #902F52 #852445 #791B3A #6D132F #620C26

#A8486D - #852445 - #620C26

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8486D 0%, #852445 50%, #620C26 100%);
    background: -webkit-linear-gradient(top, #A8486D 0%, #852445 50%, #620C26 100%);
    background: linear-gradient(to bottom, #A8486D 0%, #852445 50%, #620C26 100%);
}
</style>