#5E395A - #CB7582 | 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 #5E395A to #CB7582

#5E395A #CB7582

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

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

0.0%	0.0% #5E395A	RGB 94 57 90	#5E395A
16.7%	16.7% #704360	RGB 112 67 96	#704360
33.3%	33.3% #824D67	RGB 130 77 103	#824D67
50.0%	50.0% #94576E	RGB 148 87 110	#94576E
66.7%	66.7% #A66174	RGB 166 97 116	#A66174
83.3%	83.3% #B86B7B	RGB 184 107 123	#B86B7B
100.0%	100.0% #CB7582	RGB 203 117 130	#CB7582

#5E395A #704360 #824D67 #94576E #A66174 #B86B7B #CB7582

#5E395A - #CB7582

HSV Blend

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

0.0%	0.0% #5E3959	RGB 94 57 89	#5E3959
16.7%	16.7% #704365	RGB 112 67 101	#704365
33.3%	33.3% #824D6F	RGB 130 77 111	#824D6F
50.0%	50.0% #945777	RGB 148 87 119	#945777
66.7%	66.7% #A6617D	RGB 166 97 125	#A6617D
83.3%	83.3% #B86B80	RGB 184 107 128	#B86B80
100.0%	100.0% #CB7582	RGB 203 117 130	#CB7582

#5E3959 #704365 #824D6F #945777 #A6617D #B86B80 #CB7582

#5E395A - #945777 - #CB7582

CSS codes

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

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