#5E4054 - #CB5DD9 | 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 #5E4054 to #CB5DD9

#5E4054 #CB5DD9

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

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

0.0%	0.0% #5E4054	RGB 94 64 84	#5E4054
16.7%	16.7% #70446A	RGB 112 68 106	#70446A
33.3%	33.3% #824980	RGB 130 73 128	#824980
50.0%	50.0% #944E96	RGB 148 78 150	#944E96
66.7%	66.7% #A653AC	RGB 166 83 172	#A653AC
83.3%	83.3% #B858C2	RGB 184 88 194	#B858C2
100.0%	100.0% #CB5DD9	RGB 203 93 217	#CB5DD9

#5E4054 #70446A #824980 #944E96 #A653AC #B858C2 #CB5DD9

#5E4054 - #CB5DD9

HSV Blend

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

0.0%	0.0% #5E4054	RGB 94 64 84	#5E4054
16.7%	16.7% #724967	RGB 114 73 103	#724967
33.3%	33.3% #87507C	RGB 135 80 124	#87507C
50.0%	50.0% #9B5693	RGB 155 86 147	#9B5693
66.7%	66.7% #B05AAC	RGB 176 90 172	#B05AAC
83.3%	83.3% #C05CC4	RGB 192 92 196	#C05CC4
100.0%	100.0% #CB5DD9	RGB 203 93 217	#CB5DD9

#5E4054 #724967 #87507C #9B5693 #B05AAC #C05CC4 #CB5DD9

#5E4054 - #9B5693 - #CB5DD9

CSS codes

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

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