#625E5E - #DDAD8A | 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 #625E5E to #DDAD8A

#625E5E #DDAD8A

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

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

0.0%	0.0% #625E5E	RGB 98 94 94	#625E5E
16.7%	16.7% #766B65	RGB 118 107 101	#766B65
33.3%	33.3% #8B786C	RGB 139 120 108	#8B786C
50.0%	50.0% #9F8574	RGB 159 133 116	#9F8574
66.7%	66.7% #B4927B	RGB 180 146 123	#B4927B
83.3%	83.3% #C89F82	RGB 200 159 130	#C89F82
100.0%	100.0% #DDAD8A	RGB 221 173 138	#DDAD8A

#625E5E #766B65 #8B786C #9F8574 #B4927B #C89F82 #DDAD8A

#625E5E - #DDAD8A

HSV Blend

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

0.0%	0.0% #625E5E	RGB 98 94 94	#625E5E
16.7%	16.7% #766B6B	RGB 118 107 107	#766B6B
33.3%	33.3% #8B7875	RGB 139 120 117	#8B7875
50.0%	50.0% #9F857E	RGB 159 133 126	#9F857E
66.7%	66.7% #B49184	RGB 180 145 132	#B49184
83.3%	83.3% #C89E88	RGB 200 158 136	#C89E88
100.0%	100.0% #DDAD8A	RGB 221 173 138	#DDAD8A

#625E5E #766B6B #8B7875 #9F857E #B49184 #C89E88 #DDAD8A

#625E5E - #9F857E - #DDAD8A

CSS codes

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

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