#5C3D5E - #CB61CF | 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 #5C3D5E to #CB61CF

#5C3D5E #CB61CF

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

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

0.0%	0.0% #5C3D5E	RGB 92 61 94	#5C3D5E
16.7%	16.7% #6E4370	RGB 110 67 112	#6E4370
33.3%	33.3% #814983	RGB 129 73 131	#814983
50.0%	50.0% #934F96	RGB 147 79 150	#934F96
66.7%	66.7% #A655A9	RGB 166 85 169	#A655A9
83.3%	83.3% #B85BBC	RGB 184 91 188	#B85BBC
100.0%	100.0% #CB61CF	RGB 203 97 207	#CB61CF

#5C3D5E #6E4370 #814983 #934F96 #A655A9 #B85BBC #CB61CF

#5C3D5E - #CB61CF

HSV Blend

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

0.0%	0.0% #5C3D5E	RGB 92 61 94	#5C3D5E
16.7%	16.7% #6E4570	RGB 110 69 112	#6E4570
33.3%	33.3% #804D83	RGB 128 77 131	#804D83
50.0%	50.0% #935496	RGB 147 84 150	#935496
66.7%	66.7% #A559A9	RGB 165 89 169	#A559A9
83.3%	83.3% #B85DBC	RGB 184 93 188	#B85DBC
100.0%	100.0% #CB61CF	RGB 203 97 207	#CB61CF

#5C3D5E #6E4570 #804D83 #935496 #A559A9 #B85DBC #CB61CF

#5C3D5E - #935496 - #CB61CF

CSS codes

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

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