#DAE3C6 - #FEFFD6 | 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 #DAE3C6 to #FEFFD6

#DAE3C6 #FEFFD6

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

#DAE3C6 - #FEFFD6 | 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 #DAE3C6 as 0% and #FEFFD6 as 100%.

0.0%	0.0% #DAE3C6	RGB 218 227 198	#DAE3C6
16.7%	16.7% #E0E7C8	RGB 224 231 200	#E0E7C8
33.3%	33.3% #E6ECCB	RGB 230 236 203	#E6ECCB
50.0%	50.0% #ECF1CE	RGB 236 241 206	#ECF1CE
66.7%	66.7% #F2F5D0	RGB 242 245 208	#F2F5D0
83.3%	83.3% #F8FAD3	RGB 248 250 211	#F8FAD3
100.0%	100.0% #FEFFD6	RGB 254 255 214	#FEFFD6

#DAE3C6 #E0E7C8 #E6ECCB #ECF1CE #F2F5D0 #F8FAD3 #FEFFD6

#DAE3C6 - #FEFFD6

HSV Blend

#DAE3C6 - #FEFFD6 | 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 #DAE3C6 as 0% and #FEFFD6 as 100%.

0.0%	0.0% #DAE3C6	RGB 218 227 198	#DAE3C6
16.7%	16.7% #DFE7C8	RGB 223 231 200	#DFE7C8
33.3%	33.3% #E5ECCB	RGB 229 236 203	#E5ECCB
50.0%	50.0% #EBF1CE	RGB 235 241 206	#EBF1CE
66.7%	66.7% #F1F5D0	RGB 241 245 208	#F1F5D0
83.3%	83.3% #F7FAD3	RGB 247 250 211	#F7FAD3
100.0%	100.0% #FEFFD6	RGB 254 255 214	#FEFFD6

#DAE3C6 #DFE7C8 #E5ECCB #EBF1CE #F1F5D0 #F7FAD3 #FEFFD6

#DAE3C6 - #EBF1CE - #FEFFD6

CSS codes

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

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