#DB9ACE - #FAEAEA | 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 #DB9ACE to #FAEAEA

#DB9ACE #FAEAEA

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

#DB9ACE - #FAEAEA | 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 #DB9ACE as 0% and #FAEAEA as 100%.

0.0%	0.0% #DB9ACE	RGB 219 154 206	#DB9ACE
16.7%	16.7% #E0A7D2	RGB 224 167 210	#E0A7D2
33.3%	33.3% #E5B4D7	RGB 229 180 215	#E5B4D7
50.0%	50.0% #EAC2DC	RGB 234 194 220	#EAC2DC
66.7%	66.7% #EFCFE0	RGB 239 207 224	#EFCFE0
83.3%	83.3% #F4DCE5	RGB 244 220 229	#F4DCE5
100.0%	100.0% #FAEAEA	RGB 250 234 234	#FAEAEA

#DB9ACE #E0A7D2 #E5B4D7 #EAC2DC #EFCFE0 #F4DCE5 #FAEAEA

#DB9ACE - #FAEAEA

HSV Blend

#DB9ACE - #FAEAEA | 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 #DB9ACE as 0% and #FAEAEA as 100%.

0.0%	0.0% #DB9ACE	RGB 219 154 206	#DB9ACE
16.7%	16.7% #E0A6CC	RGB 224 166 204	#E0A6CC
33.3%	33.3% #E5B3CD	RGB 229 179 205	#E5B3CD
50.0%	50.0% #EAC0D1	RGB 234 192 209	#EAC0D1
66.7%	66.7% #EFCDD6	RGB 239 205 214	#EFCDD6
83.3%	83.3% #F4DBDF	RGB 244 219 223	#F4DBDF
100.0%	100.0% #FAEAEA	RGB 250 234 234	#FAEAEA

#DB9ACE #E0A6CC #E5B3CD #EAC0D1 #EFCDD6 #F4DBDF #FAEAEA

#DB9ACE - #EAC0D1 - #FAEAEA

CSS codes

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

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