#654F5E - #DC9C85 | 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 #654F5E to #DC9C85

#654F5E #DC9C85

Calculate the color between two colors, #654F5E and #DC9C85. 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)

#654F5E - #DC9C85 | 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 #654F5E as 0% and #DC9C85 as 100%.

0.0%	0.0% #654F5E	RGB 101 79 94	#654F5E
16.7%	16.7% #785B64	RGB 120 91 100	#785B64
33.3%	33.3% #8C686B	RGB 140 104 107	#8C686B
50.0%	50.0% #A07571	RGB 160 117 113	#A07571
66.7%	66.7% #B48278	RGB 180 130 120	#B48278
83.3%	83.3% #C88F7E	RGB 200 143 126	#C88F7E
100.0%	100.0% #DC9C85	RGB 220 156 133	#DC9C85

#654F5E #785B64 #8C686B #A07571 #B48278 #C88F7E #DC9C85

#654F5E - #DC9C85

HSV Blend

#654F5E - #DC9C85 | 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 #654F5E as 0% and #DC9C85 as 100%.

0.0%	0.0% #654F5E	RGB 101 79 94	#654F5E
16.7%	16.7% #785A6A	RGB 120 90 106	#785A6A
33.3%	33.3% #8C6573	RGB 140 101 115	#8C6573
50.0%	50.0% #A06F79	RGB 160 111 121	#A06F79
66.7%	66.7% #B4777A	RGB 180 119 122	#B4777A
83.3%	83.3% #C8867E	RGB 200 134 126	#C8867E
100.0%	100.0% #DC9C85	RGB 220 156 133	#DC9C85

#654F5E #785A6A #8C6573 #A06F79 #B4777A #C8867E #DC9C85

#654F5E - #A06F79 - #DC9C85

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #654F5E 0%, #A06F79 50%, #DC9C85 100%);
    background: -webkit-linear-gradient(top, #654F5E 0%, #A06F79 50%, #DC9C85 100%);
    background: linear-gradient(to bottom, #654F5E 0%, #A06F79 50%, #DC9C85 100%);
}
</style>