#DAA8C5 - #FFFED2 | 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 #DAA8C5 to #FFFED2

#DAA8C5 #FFFED2

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

#DAA8C5 - #FFFED2 | 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 #DAA8C5 as 0% and #FFFED2 as 100%.

0.0%	0.0% #DAA8C5	RGB 218 168 197	#DAA8C5
16.7%	16.7% #E0B6C7	RGB 224 182 199	#E0B6C7
33.3%	33.3% #E6C4C9	RGB 230 196 201	#E6C4C9
50.0%	50.0% #ECD3CB	RGB 236 211 203	#ECD3CB
66.7%	66.7% #F2E1CD	RGB 242 225 205	#F2E1CD
83.3%	83.3% #F8EFCF	RGB 248 239 207	#F8EFCF
100.0%	100.0% #FFFED2	RGB 255 254 210	#FFFED2

#DAA8C5 #E0B6C7 #E6C4C9 #ECD3CB #F2E1CD #F8EFCF #FFFED2

#DAA8C5 - #FFFED2

HSV Blend

#DAA8C5 - #FFFED2 | 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 #DAA8C5 as 0% and #FFFED2 as 100%.

0.0%	0.0% #DAA8C5	RGB 218 168 197	#DAA8C5
16.7%	16.7% #E0AEBE	RGB 224 174 190	#E0AEBE
33.3%	33.3% #E6B5B8	RGB 230 181 184	#E6B5B8
50.0%	50.0% #ECC6BC	RGB 236 198 188	#ECC6BC
66.7%	66.7% #F2D9C3	RGB 242 217 195	#F2D9C3
83.3%	83.3% #F8EBCA	RGB 248 235 202	#F8EBCA
100.0%	100.0% #FFFED2	RGB 255 254 210	#FFFED2

#DAA8C5 #E0AEBE #E6B5B8 #ECC6BC #F2D9C3 #F8EBCA #FFFED2

#DAA8C5 - #ECC6BC - #FFFED2

CSS codes

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

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