#5E5C65 - #D87EE2 | 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 #5E5C65 to #D87EE2

#5E5C65 #D87EE2

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

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

0.0%	0.0% #5E5C65	RGB 94 92 101	#5E5C65
16.7%	16.7% #726179	RGB 114 97 121	#726179
33.3%	33.3% #86678E	RGB 134 103 142	#86678E
50.0%	50.0% #9B6DA3	RGB 155 109 163	#9B6DA3
66.7%	66.7% #AF72B8	RGB 175 114 184	#AF72B8
83.3%	83.3% #C378CD	RGB 195 120 205	#C378CD
100.0%	100.0% #D87EE2	RGB 216 126 226	#D87EE2

#5E5C65 #726179 #86678E #9B6DA3 #AF72B8 #C378CD #D87EE2

#5E5C65 - #D87EE2

HSV Blend

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

0.0%	0.0% #5E5C65	RGB 94 92 101	#5E5C65
16.7%	16.7% #6D6779	RGB 109 103 121	#6D6779
33.3%	33.3% #7E718E	RGB 126 113 142	#7E718E
50.0%	50.0% #9078A3	RGB 144 120 163	#9078A3
66.7%	66.7% #A47CB8	RGB 164 124 184	#A47CB8
83.3%	83.3% #BC7ECD	RGB 188 126 205	#BC7ECD
100.0%	100.0% #D87EE2	RGB 216 126 226	#D87EE2

#5E5C65 #6D6779 #7E718E #9078A3 #A47CB8 #BC7ECD #D87EE2

#5E5C65 - #9078A3 - #D87EE2

CSS codes

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

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