#5E3545 - #C35EAB | 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 #5E3545 to #C35EAB

#5E3545 #C35EAB

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

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

0.0%	0.0% #5E3545	RGB 94 53 69	#5E3545
16.7%	16.7% #6E3B56	RGB 110 59 86	#6E3B56
33.3%	33.3% #7F4267	RGB 127 66 103	#7F4267
50.0%	50.0% #904978	RGB 144 73 120	#904978
66.7%	66.7% #A15089	RGB 161 80 137	#A15089
83.3%	83.3% #B2579A	RGB 178 87 154	#B2579A
100.0%	100.0% #C35EAB	RGB 195 94 171	#C35EAB

#5E3545 #6E3B56 #7F4267 #904978 #A15089 #B2579A #C35EAB

#5E3545 - #C35EAB

HSV Blend

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

0.0%	0.0% #5E3545	RGB 94 53 69	#5E3545
16.7%	16.7% #6E3C53	RGB 110 60 83	#6E3C53
33.3%	33.3% #7F4462	RGB 127 68 98	#7F4462
50.0%	50.0% #904B73	RGB 144 75 115	#904B73
66.7%	66.7% #A15284	RGB 161 82 132	#A15284
83.3%	83.3% #B25897	RGB 178 88 151	#B25897
100.0%	100.0% #C35EAB	RGB 195 94 171	#C35EAB

#5E3545 #6E3C53 #7F4462 #904B73 #A15284 #B25897 #C35EAB

#5E3545 - #904B73 - #C35EAB

CSS codes

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

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