#DAC4E5 - #F4EEF7 | 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 #DAC4E5 to #F4EEF7

#DAC4E5 #F4EEF7

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

#DAC4E5 - #F4EEF7 | 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 #DAC4E5 as 0% and #F4EEF7 as 100%.

0.0%	0.0% #DAC4E5	RGB 218 196 229	#DAC4E5
16.7%	16.7% #DECBE8	RGB 222 203 232	#DECBE8
33.3%	33.3% #E2D2EB	RGB 226 210 235	#E2D2EB
50.0%	50.0% #E7D9EE	RGB 231 217 238	#E7D9EE
66.7%	66.7% #EBE0F1	RGB 235 224 241	#EBE0F1
83.3%	83.3% #EFE7F4	RGB 239 231 244	#EFE7F4
100.0%	100.0% #F4EEF7	RGB 244 238 247	#F4EEF7

#DAC4E5 #DECBE8 #E2D2EB #E7D9EE #EBE0F1 #EFE7F4 #F4EEF7

#DAC4E5 - #F4EEF7

HSV Blend

#DAC4E5 - #F4EEF7 | 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 #DAC4E5 as 0% and #F4EEF7 as 100%.

0.0%	0.0% #DAC4E5	RGB 218 196 229	#DAC4E5
16.7%	16.7% #DECAE8	RGB 222 202 232	#DECAE8
33.3%	33.3% #E2D1EB	RGB 226 209 235	#E2D1EB
50.0%	50.0% #E6D8EE	RGB 230 216 238	#E6D8EE
66.7%	66.7% #EBDFF1	RGB 235 223 241	#EBDFF1
83.3%	83.3% #EFE6F4	RGB 239 230 244	#EFE6F4
100.0%	100.0% #F4EEF7	RGB 244 238 247	#F4EEF7

#DAC4E5 #DECAE8 #E2D1EB #E6D8EE #EBDFF1 #EFE6F4 #F4EEF7

#DAC4E5 - #E6D8EE - #F4EEF7

CSS codes

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

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