#CF89DA - #F0DDF4 | 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 #CF89DA to #F0DDF4

#CF89DA #F0DDF4

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

#CF89DA - #F0DDF4 | 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 #CF89DA as 0% and #F0DDF4 as 100%.

0.0%	0.0% #CF89DA	RGB 207 137 218	#CF89DA
16.7%	16.7% #D497DE	RGB 212 151 222	#D497DE
33.3%	33.3% #DAA5E2	RGB 218 165 226	#DAA5E2
50.0%	50.0% #DFB3E7	RGB 223 179 231	#DFB3E7
66.7%	66.7% #E5C1EB	RGB 229 193 235	#E5C1EB
83.3%	83.3% #EACFEF	RGB 234 207 239	#EACFEF
100.0%	100.0% #F0DDF4	RGB 240 221 244	#F0DDF4

#CF89DA #D497DE #DAA5E2 #DFB3E7 #E5C1EB #EACFEF #F0DDF4

#CF89DA - #F0DDF4

HSV Blend

#CF89DA - #F0DDF4 | 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 #CF89DA as 0% and #F0DDF4 as 100%.

0.0%	0.0% #CF89DA	RGB 207 137 218	#CF89DA
16.7%	16.7% #D495DE	RGB 212 149 222	#D495DE
33.3%	33.3% #D9A3E2	RGB 217 163 226	#D9A3E2
50.0%	50.0% #DEB1E7	RGB 222 177 231	#DEB1E7
66.7%	66.7% #E4BFEB	RGB 228 191 235	#E4BFEB
83.3%	83.3% #EACDEF	RGB 234 205 239	#EACDEF
100.0%	100.0% #F0DDF4	RGB 240 221 244	#F0DDF4

#CF89DA #D495DE #D9A3E2 #DEB1E7 #E4BFEB #EACDEF #F0DDF4

#CF89DA - #DEB1E7 - #F0DDF4

CSS codes

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

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