#FFEFFB - #D9ADCC | 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 #FFEFFB to #D9ADCC

#FFEFFB #D9ADCC

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

#FFEFFB - #D9ADCC | 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 #FFEFFB as 0% and #D9ADCC as 100%.

0.0%	0.0% #FFEFFB	RGB 255 239 251	#FFEFFB
16.7%	16.7% #F8E4F3	RGB 248 228 243	#F8E4F3
33.3%	33.3% #F2D9EB	RGB 242 217 235	#F2D9EB
50.0%	50.0% #ECCEE3	RGB 236 206 227	#ECCEE3
66.7%	66.7% #E5C3DB	RGB 229 195 219	#E5C3DB
83.3%	83.3% #DFB8D3	RGB 223 184 211	#DFB8D3
100.0%	100.0% #D9ADCC	RGB 217 173 204	#D9ADCC

#FFEFFB #F8E4F3 #F2D9EB #ECCEE3 #E5C3DB #DFB8D3 #D9ADCC

#FFEFFB - #D9ADCC

HSV Blend

#FFEFFB - #D9ADCC | 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 #FFEFFB as 0% and #D9ADCC as 100%.

0.0%	0.0% #FFEFFB	RGB 255 239 251	#FFEFFB
16.7%	16.7% #F8E3F3	RGB 248 227 243	#F8E3F3
33.3%	33.3% #F2D7EB	RGB 242 215 235	#F2D7EB
50.0%	50.0% #ECCCE3	RGB 236 204 227	#ECCCE3
66.7%	66.7% #E5C1DB	RGB 229 193 219	#E5C1DB
83.3%	83.3% #DFB7D3	RGB 223 183 211	#DFB7D3
100.0%	100.0% #D9ADCC	RGB 217 173 204	#D9ADCC

#FFEFFB #F8E3F3 #F2D7EB #ECCCE3 #E5C1DB #DFB7D3 #D9ADCC

#FFEFFB - #ECCCE3 - #D9ADCC

CSS codes

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

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