#5E2B37 - #C64C61 | 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 #5E2B37 to #C64C61

#5E2B37 #C64C61

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

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

0.0%	0.0% #5E2B37	RGB 94 43 55	#5E2B37
16.7%	16.7% #6F303E	RGB 111 48 62	#6F303E
33.3%	33.3% #803645	RGB 128 54 69	#803645
50.0%	50.0% #923B4C	RGB 146 59 76	#923B4C
66.7%	66.7% #A34153	RGB 163 65 83	#A34153
83.3%	83.3% #B4465A	RGB 180 70 90	#B4465A
100.0%	100.0% #C64C61	RGB 198 76 97	#C64C61

#5E2B37 #6F303E #803645 #923B4C #A34153 #B4465A #C64C61

#5E2B37 - #C64C61

HSV Blend

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

0.0%	0.0% #5E2B37	RGB 94 43 55	#5E2B37
16.7%	16.7% #6F313F	RGB 111 49 63	#6F313F
33.3%	33.3% #803747	RGB 128 55 71	#803747
50.0%	50.0% #923D4E	RGB 146 61 78	#923D4E
66.7%	66.7% #A34255	RGB 163 66 85	#A34255
83.3%	83.3% #B4475B	RGB 180 71 91	#B4475B
100.0%	100.0% #C64C61	RGB 198 76 97	#C64C61

#5E2B37 #6F313F #803747 #923D4E #A34255 #B4475B #C64C61

#5E2B37 - #923D4E - #C64C61

CSS codes

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

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