#FFA19E - #482E2D | 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 #FFA19E to #482E2D

#FFA19E #482E2D

Calculate the color between two colors, #FFA19E and #482E2D. 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)

#FFA19E - #482E2D | 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 #FFA19E as 0% and #482E2D as 100%.

0.0%	0.0% #FFA19E	RGB 255 161 158	#FFA19E
16.7%	16.7% #E08D8B	RGB 224 141 139	#E08D8B
33.3%	33.3% #C27A78	RGB 194 122 120	#C27A78
50.0%	50.0% #A36765	RGB 163 103 101	#A36765
66.7%	66.7% #845452	RGB 132 84 82	#845452
83.3%	83.3% #66413F	RGB 102 65 63	#66413F
100.0%	100.0% #482E2D	RGB 72 46 45	#482E2D

#FFA19E #E08D8B #C27A78 #A36765 #845452 #66413F #482E2D

#FFA19E - #482E2D

HSV Blend

#FFA19E - #482E2D | 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 #FFA19E as 0% and #482E2D as 100%.

0.0%	0.0% #FFA19E	RGB 255 161 158	#FFA19E
16.7%	16.7% #E08E8B	RGB 224 142 139	#E08E8B
33.3%	33.3% #C27A78	RGB 194 122 120	#C27A78
50.0%	50.0% #A36765	RGB 163 103 101	#A36765
66.7%	66.7% #845452	RGB 132 84 82	#845452
83.3%	83.3% #66413F	RGB 102 65 63	#66413F
100.0%	100.0% #482E2D	RGB 72 46 45	#482E2D

#FFA19E #E08E8B #C27A78 #A36765 #845452 #66413F #482E2D

#FFA19E - #A36765 - #482E2D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #FFA19E 0%, #A36765 50%, #482E2D 100%);
    background: -webkit-linear-gradient(top, #FFA19E 0%, #A36765 50%, #482E2D 100%);
    background: linear-gradient(to bottom, #FFA19E 0%, #A36765 50%, #482E2D 100%);
}
</style>