#DDB6B8 - #3F3334 | 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 #DDB6B8 to #3F3334

#DDB6B8 #3F3334

Calculate the color between two colors, #DDB6B8 and #3F3334. 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)

#DDB6B8 - #3F3334 | 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 #DDB6B8 as 0% and #3F3334 as 100%.

0.0%	0.0% #DDB6B8	RGB 221 182 184	#DDB6B8
16.7%	16.7% #C2A0A2	RGB 194 160 162	#C2A0A2
33.3%	33.3% #A88A8C	RGB 168 138 140	#A88A8C
50.0%	50.0% #8E7476	RGB 142 116 118	#8E7476
66.7%	66.7% #735E60	RGB 115 94 96	#735E60
83.3%	83.3% #59484A	RGB 89 72 74	#59484A
100.0%	100.0% #3F3334	RGB 63 51 52	#3F3334

#DDB6B8 #C2A0A2 #A88A8C #8E7476 #735E60 #59484A #3F3334

#DDB6B8 - #3F3334

HSV Blend

#DDB6B8 - #3F3334 | 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 #DDB6B8 as 0% and #3F3334 as 100%.

0.0%	0.0% #DDB6B8	RGB 221 182 184	#DDB6B8
16.7%	16.7% #C29FA1	RGB 194 159 161	#C29FA1
33.3%	33.3% #A8898B	RGB 168 137 139	#A8898B
50.0%	50.0% #8E7375	RGB 142 115 117	#8E7375
66.7%	66.7% #735E5F	RGB 115 94 95	#735E5F
83.3%	83.3% #594849	RGB 89 72 73	#594849
100.0%	100.0% #3F3334	RGB 63 51 52	#3F3334

#DDB6B8 #C29FA1 #A8898B #8E7375 #735E5F #594849 #3F3334

#DDB6B8 - #8E7375 - #3F3334

CSS codes

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

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