#5E3C3D - #CF6061 | 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 #5E3C3D to #CF6061

#5E3C3D #CF6061

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

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

0.0%	0.0% #5E3C3D	RGB 94 60 61	#5E3C3D
16.7%	16.7% #704243	RGB 112 66 67	#704243
33.3%	33.3% #834849	RGB 131 72 73	#834849
50.0%	50.0% #964E4F	RGB 150 78 79	#964E4F
66.7%	66.7% #A95455	RGB 169 84 85	#A95455
83.3%	83.3% #BC5A5B	RGB 188 90 91	#BC5A5B
100.0%	100.0% #CF6061	RGB 207 96 97	#CF6061

#5E3C3D #704243 #834849 #964E4F #A95455 #BC5A5B #CF6061

#5E3C3D - #CF6061

HSV Blend

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

0.0%	0.0% #5E3C3D	RGB 94 60 61	#5E3C3D
16.7%	16.7% #704445	RGB 112 68 69	#704445
33.3%	33.3% #834C4D	RGB 131 76 77	#834C4D
50.0%	50.0% #965254	RGB 150 82 84	#965254
66.7%	66.7% #A95859	RGB 169 88 89	#A95859
83.3%	83.3% #BC5C5D	RGB 188 92 93	#BC5C5D
100.0%	100.0% #CF6061	RGB 207 96 97	#CF6061

#5E3C3D #704445 #834C4D #965254 #A95859 #BC5C5D #CF6061

#5E3C3D - #965254 - #CF6061

CSS codes

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

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