#5E465D - #CE6BD2 | 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 #5E465D to #CE6BD2

#5E465D #CE6BD2

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

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

0.0%	0.0% #5E465D	RGB 94 70 93	#5E465D
16.7%	16.7% #704C70	RGB 112 76 112	#704C70
33.3%	33.3% #835284	RGB 131 82 132	#835284
50.0%	50.0% #965897	RGB 150 88 151	#965897
66.7%	66.7% #A85EAB	RGB 168 94 171	#A85EAB
83.3%	83.3% #BB64BE	RGB 187 100 190	#BB64BE
100.0%	100.0% #CE6BD2	RGB 206 107 210	#CE6BD2

#5E465D #704C70 #835284 #965897 #A85EAB #BB64BE #CE6BD2

#5E465D - #CE6BD2

HSV Blend

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

0.0%	0.0% #5E465D	RGB 94 70 93	#5E465D
16.7%	16.7% #714F70	RGB 113 79 112	#714F70
33.3%	33.3% #845884	RGB 132 88 132	#845884
50.0%	50.0% #985F97	RGB 152 95 151	#985F97
66.7%	66.7% #AA64AB	RGB 170 100 171	#AA64AB
83.3%	83.3% #BC68BE	RGB 188 104 190	#BC68BE
100.0%	100.0% #CE6BD2	RGB 206 107 210	#CE6BD2

#5E465D #714F70 #845884 #985F97 #AA64AB #BC68BE #CE6BD2

#5E465D - #985F97 - #CE6BD2

CSS codes

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

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