#5E5557 - #D674B6 | 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 #5E5557 to #D674B6

#5E5557 #D674B6

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

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

0.0%	0.0% #5E5557	RGB 94 85 87	#5E5557
16.7%	16.7% #725A66	RGB 114 90 102	#725A66
33.3%	33.3% #865F76	RGB 134 95 118	#865F76
50.0%	50.0% #9A6486	RGB 154 100 134	#9A6486
66.7%	66.7% #AE6996	RGB 174 105 150	#AE6996
83.3%	83.3% #C26EA6	RGB 194 110 166	#C26EA6
100.0%	100.0% #D674B6	RGB 214 116 182	#D674B6

#5E5557 #725A66 #865F76 #9A6486 #AE6996 #C26EA6 #D674B6

#5E5557 - #D674B6

HSV Blend

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

0.0%	0.0% #5E5557	RGB 94 85 87	#5E5557
16.7%	16.7% #726065	RGB 114 96 101	#726065
33.3%	33.3% #866873	RGB 134 104 115	#866873
50.0%	50.0% #9A6F82	RGB 154 111 130	#9A6F82
66.7%	66.7% #AE7392	RGB 174 115 146	#AE7392
83.3%	83.3% #C274A3	RGB 194 116 163	#C274A3
100.0%	100.0% #D674B6	RGB 214 116 182	#D674B6

#5E5557 #726065 #866873 #9A6F82 #AE7392 #C274A3 #D674B6

#5E5557 - #9A6F82 - #D674B6

CSS codes

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

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