#DD9BCC - #FAEBE7 | 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 #DD9BCC to #FAEBE7

#DD9BCC #FAEBE7

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

#DD9BCC - #FAEBE7 | 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 #DD9BCC as 0% and #FAEBE7 as 100%.

0.0%	0.0% #DD9BCC	RGB 221 155 204	#DD9BCC
16.7%	16.7% #E1A8D0	RGB 225 168 208	#E1A8D0
33.3%	33.3% #E6B5D5	RGB 230 181 213	#E6B5D5
50.0%	50.0% #EBC3D9	RGB 235 195 217	#EBC3D9
66.7%	66.7% #F0D0DE	RGB 240 208 222	#F0D0DE
83.3%	83.3% #F5DDE2	RGB 245 221 226	#F5DDE2
100.0%	100.0% #FAEBE7	RGB 250 235 231	#FAEBE7

#DD9BCC #E1A8D0 #E6B5D5 #EBC3D9 #F0D0DE #F5DDE2 #FAEBE7

#DD9BCC - #FAEBE7

HSV Blend

#DD9BCC - #FAEBE7 | 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 #DD9BCC as 0% and #FAEBE7 as 100%.

0.0%	0.0% #DD9BCC	RGB 221 155 204	#DD9BCC
16.7%	16.7% #E1A6C9	RGB 225 166 201	#E1A6C9
33.3%	33.3% #E6B2C8	RGB 230 178 200	#E6B2C8
50.0%	50.0% #EBBFCB	RGB 235 191 203	#EBBFCB
66.7%	66.7% #F0CCD0	RGB 240 204 208	#F0CCD0
83.3%	83.3% #F5DAD9	RGB 245 218 217	#F5DAD9
100.0%	100.0% #FAEBE7	RGB 250 235 231	#FAEBE7

#DD9BCC #E1A6C9 #E6B2C8 #EBBFCB #F0CCD0 #F5DAD9 #FAEBE7

#DD9BCC - #EBBFCB - #FAEBE7

CSS codes

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

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