#5E5C5E - #B87BD4 | 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 #5E5C5E to #B87BD4

#5E5C5E #B87BD4

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

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

0.0%	0.0% #5E5C5E	RGB 94 92 94	#5E5C5E
16.7%	16.7% #6D6171	RGB 109 97 113	#6D6171
33.3%	33.3% #7C6685	RGB 124 102 133	#7C6685
50.0%	50.0% #8B6B99	RGB 139 107 153	#8B6B99
66.7%	66.7% #9A70AC	RGB 154 112 172	#9A70AC
83.3%	83.3% #A975C0	RGB 169 117 192	#A975C0
100.0%	100.0% #B87BD4	RGB 184 123 212	#B87BD4

#5E5C5E #6D6171 #7C6685 #8B6B99 #9A70AC #A975C0 #B87BD4

#5E5C5E - #B87BD4

HSV Blend

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

0.0%	0.0% #5E5C5E	RGB 94 92 94	#5E5C5E
16.7%	16.7% #716771	RGB 113 103 113	#716771
33.3%	33.3% #837085	RGB 131 112 133	#837085
50.0%	50.0% #937799	RGB 147 119 153	#937799
66.7%	66.7% #A27BAC	RGB 162 123 172	#A27BAC
83.3%	83.3% #AE7CC0	RGB 174 124 192	#AE7CC0
100.0%	100.0% #B87BD4	RGB 184 123 212	#B87BD4

#5E5C5E #716771 #837085 #937799 #A27BAC #AE7CC0 #B87BD4

#5E5C5E - #937799 - #B87BD4

CSS codes

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

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