#DCB28C - #F5E9DE | 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 #DCB28C to #F5E9DE

#DCB28C #F5E9DE

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

#DCB28C - #F5E9DE | 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 #DCB28C as 0% and #F5E9DE as 100%.

0.0%	0.0% #DCB28C	RGB 220 178 140	#DCB28C
16.7%	16.7% #E0BB99	RGB 224 187 153	#E0BB99
33.3%	33.3% #E4C4A7	RGB 228 196 167	#E4C4A7
50.0%	50.0% #E8CDB5	RGB 232 205 181	#E8CDB5
66.7%	66.7% #ECD6C2	RGB 236 214 194	#ECD6C2
83.3%	83.3% #F0DFD0	RGB 240 223 208	#F0DFD0
100.0%	100.0% #F5E9DE	RGB 245 233 222	#F5E9DE

#DCB28C #E0BB99 #E4C4A7 #E8CDB5 #ECD6C2 #F0DFD0 #F5E9DE

#DCB28C - #F5E9DE

HSV Blend

#DCB28C - #F5E9DE | 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 #DCB28C as 0% and #F5E9DE as 100%.

0.0%	0.0% #DCB28C	RGB 220 178 140	#DCB28C
16.7%	16.7% #E0BA98	RGB 224 186 152	#E0BA98
33.3%	33.3% #E4C3A5	RGB 228 195 165	#E4C3A5
50.0%	50.0% #E8CCB3	RGB 232 204 179	#E8CCB3
66.7%	66.7% #ECD5C1	RGB 236 213 193	#ECD5C1
83.3%	83.3% #F0DFCF	RGB 240 223 207	#F0DFCF
100.0%	100.0% #F5E9DE	RGB 245 233 222	#F5E9DE

#DCB28C #E0BA98 #E4C3A5 #E8CCB3 #ECD5C1 #F0DFCF #F5E9DE

#DCB28C - #E8CCB3 - #F5E9DE

CSS codes

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

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