#5E2B56 - #C47480 | 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 #5E2B56 to #C47480

#5E2B56 #C47480

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

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

0.0%	0.0% #5E2B56	RGB 94 43 86	#5E2B56
16.7%	16.7% #6F375D	RGB 111 55 93	#6F375D
33.3%	33.3% #804364	RGB 128 67 100	#804364
50.0%	50.0% #914F6B	RGB 145 79 107	#914F6B
66.7%	66.7% #A25B72	RGB 162 91 114	#A25B72
83.3%	83.3% #B36779	RGB 179 103 121	#B36779
100.0%	100.0% #C47480	RGB 196 116 128	#C47480

#5E2B56 #6F375D #804364 #914F6B #A25B72 #B36779 #C47480

#5E2B56 - #C47480

HSV Blend

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

0.0%	0.0% #5E2B56	RGB 94 43 86	#5E2B56
16.7%	16.7% #6F355F	RGB 111 53 95	#6F355F
33.3%	33.3% #804067	RGB 128 64 103	#804067
50.0%	50.0% #914C6E	RGB 145 76 110	#914C6E
66.7%	66.7% #A25874	RGB 162 88 116	#A25874
83.3%	83.3% #B3657A	RGB 179 101 122	#B3657A
100.0%	100.0% #C47480	RGB 196 116 128	#C47480

#5E2B56 #6F355F #804067 #914C6E #A25874 #B3657A #C47480

#5E2B56 - #914C6E - #C47480

CSS codes

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

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