#5E2D3C - #C55067 | 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 #5E2D3C to #C55067

#5E2D3C #C55067

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

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

0.0%	0.0% #5E2D3C	RGB 94 45 60	#5E2D3C
16.7%	16.7% #6F3243	RGB 111 50 67	#6F3243
33.3%	33.3% #80384A	RGB 128 56 74	#80384A
50.0%	50.0% #913E51	RGB 145 62 81	#913E51
66.7%	66.7% #A24458	RGB 162 68 88	#A24458
83.3%	83.3% #B34A5F	RGB 179 74 95	#B34A5F
100.0%	100.0% #C55067	RGB 197 80 103	#C55067

#5E2D3C #6F3243 #80384A #913E51 #A24458 #B34A5F #C55067

#5E2D3C - #C55067

HSV Blend

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

0.0%	0.0% #5E2D3C	RGB 94 45 60	#5E2D3C
16.7%	16.7% #6F3344	RGB 111 51 68	#6F3344
33.3%	33.3% #803A4D	RGB 128 58 77	#803A4D
50.0%	50.0% #914054	RGB 145 64 84	#914054
66.7%	66.7% #A2455B	RGB 162 69 91	#A2455B
83.3%	83.3% #B34B61	RGB 179 75 97	#B34B61
100.0%	100.0% #C55067	RGB 197 80 103	#C55067

#5E2D3C #6F3344 #803A4D #914054 #A2455B #B34B61 #C55067

#5E2D3C - #914054 - #C55067

CSS codes

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

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