#FFCFE9 - #E6D3E3 | 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 #FFCFE9 to #E6D3E3

#FFCFE9 #E6D3E3

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

#FFCFE9 - #E6D3E3 | 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 #FFCFE9 as 0% and #E6D3E3 as 100%.

0.0%	0.0% #FFCFE9	RGB 255 207 233	#FFCFE9
16.7%	16.7% #FACFE8	RGB 250 207 232	#FACFE8
33.3%	33.3% #F6D0E7	RGB 246 208 231	#F6D0E7
50.0%	50.0% #F2D1E6	RGB 242 209 230	#F2D1E6
66.7%	66.7% #EED1E5	RGB 238 209 229	#EED1E5
83.3%	83.3% #EAD2E4	RGB 234 210 228	#EAD2E4
100.0%	100.0% #E6D3E3	RGB 230 211 227	#E6D3E3

#FFCFE9 #FACFE8 #F6D0E7 #F2D1E6 #EED1E5 #EAD2E4 #E6D3E3

#FFCFE9 - #E6D3E3

HSV Blend

#FFCFE9 - #E6D3E3 | 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 #FFCFE9 as 0% and #E6D3E3 as 100%.

0.0%	0.0% #FFCFE9	RGB 255 207 233	#FFCFE9
16.7%	16.7% #FAD0E9	RGB 250 208 233	#FAD0E9
33.3%	33.3% #F6D0E9	RGB 246 208 233	#F6D0E9
50.0%	50.0% #F2D1E8	RGB 242 209 232	#F2D1E8
66.7%	66.7% #EED2E7	RGB 238 210 231	#EED2E7
83.3%	83.3% #EAD2E5	RGB 234 210 229	#EAD2E5
100.0%	100.0% #E6D3E3	RGB 230 211 227	#E6D3E3

#FFCFE9 #FAD0E9 #F6D0E9 #F2D1E8 #EED2E7 #EAD2E5 #E6D3E3

#FFCFE9 - #F2D1E8 - #E6D3E3

CSS codes

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

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