#895050 - #DDCDCD | 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 #895050 to #DDCDCD

#895050 #DDCDCD

Calculate the color between two colors, #895050 and #DDCDCD. 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)

#895050 - #DDCDCD | 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 #895050 as 0% and #DDCDCD as 100%.

0.0%	0.0% #895050	RGB 137 80 80	#895050
16.7%	16.7% #976464	RGB 151 100 100	#976464
33.3%	33.3% #A57979	RGB 165 121 121	#A57979
50.0%	50.0% #B38E8E	RGB 179 142 142	#B38E8E
66.7%	66.7% #C1A3A3	RGB 193 163 163	#C1A3A3
83.3%	83.3% #CFB8B8	RGB 207 184 184	#CFB8B8
100.0%	100.0% #DDCDCD	RGB 221 205 205	#DDCDCD

#895050 #976464 #A57979 #B38E8E #C1A3A3 #CFB8B8 #DDCDCD

#895050 - #DDCDCD

HSV Blend

#895050 - #DDCDCD | 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 #895050 as 0% and #DDCDCD as 100%.

0.0%	0.0% #895050	RGB 137 80 80	#895050
16.7%	16.7% #976060	RGB 151 96 96	#976060
33.3%	33.3% #A57373	RGB 165 115 115	#A57373
50.0%	50.0% #B38787	RGB 179 135 135	#B38787
66.7%	66.7% #C19C9C	RGB 193 156 156	#C19C9C
83.3%	83.3% #CFB4B4	RGB 207 180 180	#CFB4B4
100.0%	100.0% #DDCDCD	RGB 221 205 205	#DDCDCD

#895050 #976060 #A57373 #B38787 #C19C9C #CFB4B4 #DDCDCD

#895050 - #B38787 - #DDCDCD

CSS codes

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

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