#DEDFD8 - #BCB38B | 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 #DEDFD8 to #BCB38B

#DEDFD8 #BCB38B

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

#DEDFD8 - #BCB38B | 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 #DEDFD8 as 0% and #BCB38B as 100%.

0.0%	0.0% #DEDFD8	RGB 222 223 216	#DEDFD8
16.7%	16.7% #D8D7CB	RGB 216 215 203	#D8D7CB
33.3%	33.3% #D2D0BE	RGB 210 208 190	#D2D0BE
50.0%	50.0% #CDC9B1	RGB 205 201 177	#CDC9B1
66.7%	66.7% #C7C1A4	RGB 199 193 164	#C7C1A4
83.3%	83.3% #C1BA97	RGB 193 186 151	#C1BA97
100.0%	100.0% #BCB38B	RGB 188 179 139	#BCB38B

#DEDFD8 #D8D7CB #D2D0BE #CDC9B1 #C7C1A4 #C1BA97 #BCB38B

#DEDFD8 - #BCB38B

HSV Blend

#DEDFD8 - #BCB38B | 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 #DEDFD8 as 0% and #BCB38B as 100%.

0.0%	0.0% #DEDFD8	RGB 222 223 216	#DEDFD8
16.7%	16.7% #D7D9CA	RGB 215 217 202	#D7D9CA
33.3%	33.3% #D2D3BC	RGB 210 211 188	#D2D3BC
50.0%	50.0% #CDCCAF	RGB 205 204 175	#CDCCAF
66.7%	66.7% #C7C4A2	RGB 199 196 162	#C7C4A2
83.3%	83.3% #C1BC96	RGB 193 188 150	#C1BC96
100.0%	100.0% #BCB38B	RGB 188 179 139	#BCB38B

#DEDFD8 #D7D9CA #D2D3BC #CDCCAF #C7C4A2 #C1BC96 #BCB38B

#DEDFD8 - #CDCCAF - #BCB38B

CSS codes

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

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