#5E3B3D - #CB6B61 | 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 #5E3B3D to #CB6B61

#5E3B3D #CB6B61

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

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

0.0%	0.0% #5E3B3D	RGB 94 59 61	#5E3B3D
16.7%	16.7% #704343	RGB 112 67 67	#704343
33.3%	33.3% #824B49	RGB 130 75 73	#824B49
50.0%	50.0% #94534F	RGB 148 83 79	#94534F
66.7%	66.7% #A65B55	RGB 166 91 85	#A65B55
83.3%	83.3% #B8635B	RGB 184 99 91	#B8635B
100.0%	100.0% #CB6B61	RGB 203 107 97	#CB6B61

#5E3B3D #704343 #824B49 #94534F #A65B55 #B8635B #CB6B61

#5E3B3D - #CB6B61

HSV Blend

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

0.0%	0.0% #5E3B3D	RGB 94 59 61	#5E3B3D
16.7%	16.7% #704345	RGB 112 67 69	#704345
33.3%	33.3% #824B4B	RGB 130 75 75	#824B4B
50.0%	50.0% #945352	RGB 148 83 82	#945352
66.7%	66.7% #A65B57	RGB 166 91 87	#A65B57
83.3%	83.3% #B8635C	RGB 184 99 92	#B8635C
100.0%	100.0% #CB6B61	RGB 203 107 97	#CB6B61

#5E3B3D #704345 #824B4B #945352 #A65B57 #B8635C #CB6B61

#5E3B3D - #945352 - #CB6B61

CSS codes

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

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