#5E422F - #C66558 | 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 #5E422F to #C66558

#5E422F #C66558

Calculate the color between two colors, #5E422F and #C66558. 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)

#5E422F - #C66558 | 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 #5E422F as 0% and #C66558 as 100%.

0.0%	0.0% #5E422F	RGB 94 66 47	#5E422F
16.7%	16.7% #6F4735	RGB 111 71 53	#6F4735
33.3%	33.3% #804D3C	RGB 128 77 60	#804D3C
50.0%	50.0% #925343	RGB 146 83 67	#925343
66.7%	66.7% #A3594A	RGB 163 89 74	#A3594A
83.3%	83.3% #B45F51	RGB 180 95 81	#B45F51
100.0%	100.0% #C66558	RGB 198 101 88	#C66558

#5E422F #6F4735 #804D3C #925343 #A3594A #B45F51 #C66558

#5E422F - #C66558

HSV Blend

#5E422F - #C66558 | 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 #5E422F as 0% and #C66558 as 100%.

0.0%	0.0% #5E422F	RGB 94 66 47	#5E422F
16.7%	16.7% #6F4A36	RGB 111 74 54	#6F4A36
33.3%	33.3% #80523D	RGB 128 82 61	#80523D
50.0%	50.0% #925944	RGB 146 89 68	#925944
66.7%	66.7% #A35E4B	RGB 163 94 75	#A35E4B
83.3%	83.3% #B46251	RGB 180 98 81	#B46251
100.0%	100.0% #C66558	RGB 198 101 88	#C66558

#5E422F #6F4A36 #80523D #925944 #A35E4B #B46251 #C66558

#5E422F - #925944 - #C66558

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E422F 0%, #925944 50%, #C66558 100%);
    background: -webkit-linear-gradient(top, #5E422F 0%, #925944 50%, #C66558 100%);
    background: linear-gradient(to bottom, #5E422F 0%, #925944 50%, #C66558 100%);
}
</style>