#DDDCD8 - #B7A58B | 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 #DDDCD8 to #B7A58B

#DDDCD8 #B7A58B

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

#DDDCD8 - #B7A58B | 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 #DDDCD8 as 0% and #B7A58B as 100%.

0.0%	0.0% #DDDCD8	RGB 221 220 216	#DDDCD8
16.7%	16.7% #D6D2CB	RGB 214 210 203	#D6D2CB
33.3%	33.3% #D0C9BE	RGB 208 201 190	#D0C9BE
50.0%	50.0% #CAC0B1	RGB 202 192 177	#CAC0B1
66.7%	66.7% #C3B7A4	RGB 195 183 164	#C3B7A4
83.3%	83.3% #BDAE97	RGB 189 174 151	#BDAE97
100.0%	100.0% #B7A58B	RGB 183 165 139	#B7A58B

#DDDCD8 #D6D2CB #D0C9BE #CAC0B1 #C3B7A4 #BDAE97 #B7A58B

#DDDCD8 - #B7A58B

HSV Blend

#DDDCD8 - #B7A58B | 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 #DDDCD8 as 0% and #B7A58B as 100%.

0.0%	0.0% #DDDCD8	RGB 221 220 216	#DDDCD8
16.7%	16.7% #D6D3CA	RGB 214 211 202	#D6D3CA
33.3%	33.3% #D0CABC	RGB 208 202 188	#D0CABC
50.0%	50.0% #CAC1AF	RGB 202 193 175	#CAC1AF
66.7%	66.7% #C3B8A2	RGB 195 184 162	#C3B8A2
83.3%	83.3% #BDAE96	RGB 189 174 150	#BDAE96
100.0%	100.0% #B7A58B	RGB 183 165 139	#B7A58B

#DDDCD8 #D6D3CA #D0CABC #CAC1AF #C3B8A2 #BDAE96 #B7A58B

#DDDCD8 - #CAC1AF - #B7A58B

CSS codes

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

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