#8A3025 - #DDC3C0 | 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 #8A3025 to #DDC3C0

#8A3025 #DDC3C0

Calculate the color between two colors, #8A3025 and #DDC3C0. 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)

#8A3025 - #DDC3C0 | 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 #8A3025 as 0% and #DDC3C0 as 100%.

0.0%	0.0% #8A3025	RGB 138 48 37	#8A3025
16.7%	16.7% #97483E	RGB 151 72 62	#97483E
33.3%	33.3% #A56158	RGB 165 97 88	#A56158
50.0%	50.0% #B37972	RGB 179 121 114	#B37972
66.7%	66.7% #C1928C	RGB 193 146 140	#C1928C
83.3%	83.3% #CFAAA6	RGB 207 170 166	#CFAAA6
100.0%	100.0% #DDC3C0	RGB 221 195 192	#DDC3C0

#8A3025 #97483E #A56158 #B37972 #C1928C #CFAAA6 #DDC3C0

#8A3025 - #DDC3C0

HSV Blend

#8A3025 - #DDC3C0 | 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 #8A3025 as 0% and #DDC3C0 as 100%.

0.0%	0.0% #8A3025	RGB 138 48 37	#8A3025
16.7%	16.7% #974237	RGB 151 66 55	#974237
33.3%	33.3% #A5574D	RGB 165 87 77	#A5574D
50.0%	50.0% #B36E66	RGB 179 110 102	#B36E66
66.7%	66.7% #C18781	RGB 193 135 129	#C18781
83.3%	83.3% #CFA49F	RGB 207 164 159	#CFA49F
100.0%	100.0% #DDC3C0	RGB 221 195 192	#DDC3C0

#8A3025 #974237 #A5574D #B36E66 #C18781 #CFA49F #DDC3C0

#8A3025 - #B36E66 - #DDC3C0

CSS codes

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

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