#5C5C5E - #BA89DA | 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 #5C5C5E to #BA89DA

#5C5C5E #BA89DA

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

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

0.0%	0.0% #5C5C5E	RGB 92 92 94	#5C5C5E
16.7%	16.7% #6B6372	RGB 107 99 114	#6B6372
33.3%	33.3% #7B6B87	RGB 123 107 135	#7B6B87
50.0%	50.0% #8B729C	RGB 139 114 156	#8B729C
66.7%	66.7% #9A7AB0	RGB 154 122 176	#9A7AB0
83.3%	83.3% #AA81C5	RGB 170 129 197	#AA81C5
100.0%	100.0% #BA89DA	RGB 186 137 218	#BA89DA

#5C5C5E #6B6372 #7B6B87 #8B729C #9A7AB0 #AA81C5 #BA89DA

#5C5C5E - #BA89DA

HSV Blend

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

0.0%	0.0% #5C5C5E	RGB 92 92 94	#5C5C5E
16.7%	16.7% #6A6972	RGB 106 105 114	#6A6972
33.3%	33.3% #787487	RGB 120 116 135	#787487
50.0%	50.0% #867D9C	RGB 134 125 156	#867D9C
66.7%	66.7% #9583B0	RGB 149 131 176	#9583B0
83.3%	83.3% #A687C5	RGB 166 135 197	#A687C5
100.0%	100.0% #BA89DA	RGB 186 137 218	#BA89DA

#5C5C5E #6A6972 #787487 #867D9C #9583B0 #A687C5 #BA89DA

#5C5C5E - #867D9C - #BA89DA

CSS codes

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

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