#550E00 - #AF5E72 | 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 #550E00 to #AF5E72

#550E00 #AF5E72

Calculate the color between two colors, #550E00 and #AF5E72. 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)

#550E00 - #AF5E72 | 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 #550E00 as 0% and #AF5E72 as 100%.

0.0%	0.0% #550E00	RGB 85 14 0	#550E00
16.7%	16.7% #641B13	RGB 100 27 19	#641B13
33.3%	33.3% #732826	RGB 115 40 38	#732826
50.0%	50.0% #823639	RGB 130 54 57	#823639
66.7%	66.7% #91434C	RGB 145 67 76	#91434C
83.3%	83.3% #A0505F	RGB 160 80 95	#A0505F
100.0%	100.0% #AF5E72	RGB 175 94 114	#AF5E72

#550E00 #641B13 #732826 #823639 #91434C #A0505F #AF5E72

#550E00 - #AF5E72

HSV Blend

#550E00 - #AF5E72 | 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 #550E00 as 0% and #AF5E72 as 100%.

0.0%	0.0% #550E00	RGB 85 14 0	#550E00
16.7%	16.7% #641108	RGB 100 17 8	#641108
33.3%	33.3% #731714	RGB 115 23 20	#731714
50.0%	50.0% #822226	RGB 130 34 38	#822226
66.7%	66.7% #91333E	RGB 145 51 62	#91333E
83.3%	83.3% #A04757	RGB 160 71 87	#A04757
100.0%	100.0% #AF5E72	RGB 175 94 114	#AF5E72

#550E00 #641108 #731714 #822226 #91333E #A04757 #AF5E72

#550E00 - #822226 - #AF5E72

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #550E00 0%, #822226 50%, #AF5E72 100%);
    background: -webkit-linear-gradient(top, #550E00 0%, #822226 50%, #AF5E72 100%);
    background: linear-gradient(to bottom, #550E00 0%, #822226 50%, #AF5E72 100%);
}
</style>