#553313 - #AA485E | 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 #553313 to #AA485E

#553313 #AA485E

Calculate the color between two colors, #553313 and #AA485E. 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)

#553313 - #AA485E | 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 #553313 as 0% and #AA485E as 100%.

0.0%	0.0% #553313	RGB 85 51 19	#553313
16.7%	16.7% #63361F	RGB 99 54 31	#63361F
33.3%	33.3% #713A2C	RGB 113 58 44	#713A2C
50.0%	50.0% #7F3D38	RGB 127 61 56	#7F3D38
66.7%	66.7% #8D4145	RGB 141 65 69	#8D4145
83.3%	83.3% #9B4451	RGB 155 68 81	#9B4451
100.0%	100.0% #AA485E	RGB 170 72 94	#AA485E

#553313 #63361F #713A2C #7F3D38 #8D4145 #9B4451 #AA485E

#553313 - #AA485E

HSV Blend

#553313 - #AA485E | 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 #553313 as 0% and #AA485E as 100%.

0.0%	0.0% #553312	RGB 85 51 18	#553312
16.7%	16.7% #633419	RGB 99 52 25	#633419
33.3%	33.3% #713420	RGB 113 52 32	#713420
50.0%	50.0% #7F3429	RGB 127 52 41	#7F3429
66.7%	66.7% #8D3332	RGB 141 51 50	#8D3332
83.3%	83.3% #9B3C46	RGB 155 60 70	#9B3C46
100.0%	100.0% #AA485E	RGB 170 72 94	#AA485E

#553312 #633419 #713420 #7F3429 #8D3332 #9B3C46 #AA485E

#553313 - #7F3429 - #AA485E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #553312 0%, #7F3429 50%, #AA485E 100%);
    background: -webkit-linear-gradient(top, #553312 0%, #7F3429 50%, #AA485E 100%);
    background: linear-gradient(to bottom, #553312 0%, #7F3429 50%, #AA485E 100%);
}
</style>