#5E365D - #CA58CE | 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 #5E365D to #CA58CE

#5E365D #CA58CE

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

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

0.0%	0.0% #5E365D	RGB 94 54 93	#5E365D
16.7%	16.7% #703B6F	RGB 112 59 111	#703B6F
33.3%	33.3% #824182	RGB 130 65 130	#824182
50.0%	50.0% #944795	RGB 148 71 149	#944795
66.7%	66.7% #A64CA8	RGB 166 76 168	#A64CA8
83.3%	83.3% #B852BB	RGB 184 82 187	#B852BB
100.0%	100.0% #CA58CE	RGB 202 88 206	#CA58CE

#5E365D #703B6F #824182 #944795 #A64CA8 #B852BB #CA58CE

#5E365D - #CA58CE

HSV Blend

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

0.0%	0.0% #5E365D	RGB 94 54 93	#5E365D
16.7%	16.7% #703D6F	RGB 112 61 111	#703D6F
33.3%	33.3% #834482	RGB 131 68 130	#834482
50.0%	50.0% #954B96	RGB 149 75 150	#954B96
66.7%	66.7% #A750A8	RGB 167 80 168	#A750A8
83.3%	83.3% #B854BB	RGB 184 84 187	#B854BB
100.0%	100.0% #CA58CE	RGB 202 88 206	#CA58CE

#5E365D #703D6F #834482 #954B96 #A750A8 #B854BB #CA58CE

#5E365D - #954B96 - #CA58CE

CSS codes

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

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