#615E5E - #DB86AC | 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 #615E5E to #DB86AC

#615E5E #DB86AC

Calculate the color between two colors, #615E5E and #DB86AC. 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)

#615E5E - #DB86AC | 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 #615E5E as 0% and #DB86AC as 100%.

0.0%	0.0% #615E5E	RGB 97 94 94	#615E5E
16.7%	16.7% #75646B	RGB 117 100 107	#75646B
33.3%	33.3% #896B78	RGB 137 107 120	#896B78
50.0%	50.0% #9E7285	RGB 158 114 133	#9E7285
66.7%	66.7% #B27892	RGB 178 120 146	#B27892
83.3%	83.3% #C67F9F	RGB 198 127 159	#C67F9F
100.0%	100.0% #DB86AC	RGB 219 134 172	#DB86AC

#615E5E #75646B #896B78 #9E7285 #B27892 #C67F9F #DB86AC

#615E5E - #DB86AC

HSV Blend

#615E5E - #DB86AC | 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 #615E5E as 0% and #DB86AC as 100%.

0.0%	0.0% #615E5E	RGB 97 94 94	#615E5E
16.7%	16.7% #756A6B	RGB 117 106 107	#756A6B
33.3%	33.3% #897578	RGB 137 117 120	#897578
50.0%	50.0% #9E7C84	RGB 158 124 132	#9E7C84
66.7%	66.7% #B28290	RGB 178 130 144	#B28290
83.3%	83.3% #C6859D	RGB 198 133 157	#C6859D
100.0%	100.0% #DB86AC	RGB 219 134 172	#DB86AC

#615E5E #756A6B #897578 #9E7C84 #B28290 #C6859D #DB86AC

#615E5E - #9E7C84 - #DB86AC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #615E5E 0%, #9E7C84 50%, #DB86AC 100%);
    background: -webkit-linear-gradient(top, #615E5E 0%, #9E7C84 50%, #DB86AC 100%);
    background: linear-gradient(to bottom, #615E5E 0%, #9E7C84 50%, #DB86AC 100%);
}
</style>