#551D00 - #AF5E66 | 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 #551D00 to #AF5E66

#551D00 #AF5E66

Calculate the color between two colors, #551D00 and #AF5E66. 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)

#551D00 - #AF5E66 | 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 #551D00 as 0% and #AF5E66 as 100%.

0.0%	0.0% #551D00	RGB 85 29 0	#551D00
16.7%	16.7% #642711	RGB 100 39 17	#642711
33.3%	33.3% #733222	RGB 115 50 34	#733222
50.0%	50.0% #823D33	RGB 130 61 51	#823D33
66.7%	66.7% #914844	RGB 145 72 68	#914844
83.3%	83.3% #A05355	RGB 160 83 85	#A05355
100.0%	100.0% #AF5E66	RGB 175 94 102	#AF5E66

#551D00 #642711 #733222 #823D33 #914844 #A05355 #AF5E66

#551D00 - #AF5E66

HSV Blend

#551D00 - #AF5E66 | 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 #551D00 as 0% and #AF5E66 as 100%.

0.0%	0.0% #551D00	RGB 85 29 0	#551D00
16.7%	16.7% #642108	RGB 100 33 8	#642108
33.3%	33.3% #732614	RGB 115 38 20	#732614
50.0%	50.0% #822E22	RGB 130 46 34	#822E22
66.7%	66.7% #913833	RGB 145 56 51	#913833
83.3%	83.3% #A04749	RGB 160 71 73	#A04749
100.0%	100.0% #AF5E66	RGB 175 94 102	#AF5E66

#551D00 #642108 #732614 #822E22 #913833 #A04749 #AF5E66

#551D00 - #822E22 - #AF5E66

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #551D00 0%, #822E22 50%, #AF5E66 100%);
    background: -webkit-linear-gradient(top, #551D00 0%, #822E22 50%, #AF5E66 100%);
    background: linear-gradient(to bottom, #551D00 0%, #822E22 50%, #AF5E66 100%);
}
</style>