#5E2B47 - #C64C84 | 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 #5E2B47 to #C64C84

#5E2B47 #C64C84

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

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

0.0%	0.0% #5E2B47	RGB 94 43 71	#5E2B47
16.7%	16.7% #6F3051	RGB 111 48 81	#6F3051
33.3%	33.3% #80365B	RGB 128 54 91	#80365B
50.0%	50.0% #923B65	RGB 146 59 101	#923B65
66.7%	66.7% #A3416F	RGB 163 65 111	#A3416F
83.3%	83.3% #B44679	RGB 180 70 121	#B44679
100.0%	100.0% #C64C84	RGB 198 76 132	#C64C84

#5E2B47 #6F3051 #80365B #923B65 #A3416F #B44679 #C64C84

#5E2B47 - #C64C84

HSV Blend

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

0.0%	0.0% #5E2B47	RGB 94 43 71	#5E2B47
16.7%	16.7% #6F3152	RGB 111 49 82	#6F3152
33.3%	33.3% #80375D	RGB 128 55 93	#80375D
50.0%	50.0% #923D68	RGB 146 61 104	#923D68
66.7%	66.7% #A34271	RGB 163 66 113	#A34271
83.3%	83.3% #B4477B	RGB 180 71 123	#B4477B
100.0%	100.0% #C64C84	RGB 198 76 132	#C64C84

#5E2B47 #6F3152 #80375D #923D68 #A34271 #B4477B #C64C84

#5E2B47 - #923D68 - #C64C84

CSS codes

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

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