#5E5C5C - #D782A7 | 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 #5E5C5C to #D782A7

#5E5C5C #D782A7

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

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

0.0%	0.0% #5E5C5C	RGB 94 92 92	#5E5C5C
16.7%	16.7% #726268	RGB 114 98 104	#726268
33.3%	33.3% #866875	RGB 134 104 117	#866875
50.0%	50.0% #9A6F81	RGB 154 111 129	#9A6F81
66.7%	66.7% #AE758E	RGB 174 117 142	#AE758E
83.3%	83.3% #C27B9A	RGB 194 123 154	#C27B9A
100.0%	100.0% #D782A7	RGB 215 130 167	#D782A7

#5E5C5C #726268 #866875 #9A6F81 #AE758E #C27B9A #D782A7

#5E5C5C - #D782A7

HSV Blend

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

0.0%	0.0% #5E5C5C	RGB 94 92 92	#5E5C5C
16.7%	16.7% #726869	RGB 114 104 105	#726869
33.3%	33.3% #867275	RGB 134 114 117	#867275
50.0%	50.0% #9A7A81	RGB 154 122 129	#9A7A81
66.7%	66.7% #AE7F8D	RGB 174 127 141	#AE7F8D
83.3%	83.3% #C28199	RGB 194 129 153	#C28199
100.0%	100.0% #D782A7	RGB 215 130 167	#D782A7

#5E5C5C #726869 #867275 #9A7A81 #AE7F8D #C28199 #D782A7

#5E5C5C - #9A7A81 - #D782A7

CSS codes

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

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