#DCCBC4 - #FFFEE1 | 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 #DCCBC4 to #FFFEE1

#DCCBC4 #FFFEE1

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

#DCCBC4 - #FFFEE1 | 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 #DCCBC4 as 0% and #FFFEE1 as 100%.

0.0%	0.0% #DCCBC4	RGB 220 203 196	#DCCBC4
16.7%	16.7% #E1D3C8	RGB 225 211 200	#E1D3C8
33.3%	33.3% #E7DCCD	RGB 231 220 205	#E7DCCD
50.0%	50.0% #EDE4D2	RGB 237 228 210	#EDE4D2
66.7%	66.7% #F3EDD7	RGB 243 237 215	#F3EDD7
83.3%	83.3% #F9F5DC	RGB 249 245 220	#F9F5DC
100.0%	100.0% #FFFEE1	RGB 255 254 225	#FFFEE1

#DCCBC4 #E1D3C8 #E7DCCD #EDE4D2 #F3EDD7 #F9F5DC #FFFEE1

#DCCBC4 - #FFFEE1

HSV Blend

#DCCBC4 - #FFFEE1 | 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 #DCCBC4 as 0% and #FFFEE1 as 100%.

0.0%	0.0% #DCCBC4	RGB 220 203 196	#DCCBC4
16.7%	16.7% #E1D2C8	RGB 225 210 200	#E1D2C8
33.3%	33.3% #E7DBCD	RGB 231 219 205	#E7DBCD
50.0%	50.0% #EDE3D2	RGB 237 227 210	#EDE3D2
66.7%	66.7% #F3ECD7	RGB 243 236 215	#F3ECD7
83.3%	83.3% #F9F4DC	RGB 249 244 220	#F9F4DC
100.0%	100.0% #FFFEE1	RGB 255 254 225	#FFFEE1

#DCCBC4 #E1D2C8 #E7DBCD #EDE3D2 #F3ECD7 #F9F4DC #FFFEE1

#DCCBC4 - #EDE3D2 - #FFFEE1

CSS codes

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

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