#D6B0FF - #FFEAEA | 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 #D6B0FF to #FFEAEA

#D6B0FF #FFEAEA

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

#D6B0FF - #FFEAEA | 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 #D6B0FF as 0% and #FFEAEA as 100%.

0.0%	0.0% #D6B0FF	RGB 214 176 255	#D6B0FF
16.7%	16.7% #DCB9FB	RGB 220 185 251	#DCB9FB
33.3%	33.3% #E3C3F8	RGB 227 195 248	#E3C3F8
50.0%	50.0% #EACDF4	RGB 234 205 244	#EACDF4
66.7%	66.7% #F1D6F1	RGB 241 214 241	#F1D6F1
83.3%	83.3% #F8E0ED	RGB 248 224 237	#F8E0ED
100.0%	100.0% #FFEAEA	RGB 255 234 234	#FFEAEA

#D6B0FF #DCB9FB #E3C3F8 #EACDF4 #F1D6F1 #F8E0ED #FFEAEA

#D6B0FF - #FFEAEA

HSV Blend

#D6B0FF - #FFEAEA | 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 #D6B0FF as 0% and #FFEAEA as 100%.

0.0%	0.0% #D6B0FF	RGB 214 176 255	#D6B0FF
16.7%	16.7% #ECB9FF	RGB 236 185 255	#ECB9FF
33.3%	33.3% #FEC3FF	RGB 254 195 255	#FEC3FF
50.0%	50.0% #FFCDF2	RGB 255 205 242	#FFCDF2
66.7%	66.7% #FFD6EB	RGB 255 214 235	#FFD6EB
83.3%	83.3% #FFE0E8	RGB 255 224 232	#FFE0E8
100.0%	100.0% #FFEAEA	RGB 255 234 234	#FFEAEA

#D6B0FF #ECB9FF #FEC3FF #FFCDF2 #FFD6EB #FFE0E8 #FFEAEA

#D6B0FF - #FFCDF2 - #FFEAEA

CSS codes

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

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