#5E5B5D - #A281BC | 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 #5E5B5D to #A281BC

#5E5B5D #A281BC

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

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

0.0%	0.0% #5E5B5D	RGB 94 91 93	#5E5B5D
16.7%	16.7% #69616C	RGB 105 97 108	#69616C
33.3%	33.3% #74677C	RGB 116 103 124	#74677C
50.0%	50.0% #806E8C	RGB 128 110 140	#806E8C
66.7%	66.7% #8B749C	RGB 139 116 156	#8B749C
83.3%	83.3% #967AAC	RGB 150 122 172	#967AAC
100.0%	100.0% #A281BC	RGB 162 129 188	#A281BC

#5E5B5D #69616C #74677C #806E8C #8B749C #967AAC #A281BC

#5E5B5D - #A281BC

HSV Blend

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

0.0%	0.0% #5E5B5D	RGB 94 91 93	#5E5B5D
16.7%	16.7% #6D656B	RGB 109 101 107	#6D656B
33.3%	33.3% #7D6D7C	RGB 125 109 124	#7D6D7C
50.0%	50.0% #8B748D	RGB 139 116 141	#8B748D
66.7%	66.7% #967A9C	RGB 150 122 156	#967A9C
83.3%	83.3% #9E7EAC	RGB 158 126 172	#9E7EAC
100.0%	100.0% #A281BC	RGB 162 129 188	#A281BC

#5E5B5D #6D656B #7D6D7C #8B748D #967A9C #9E7EAC #A281BC

#5E5B5D - #8B748D - #A281BC

CSS codes

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

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