#FFC0EC - #FFFCF7 | 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 #FFC0EC to #FFFCF7

#FFC0EC #FFFCF7

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

#FFC0EC - #FFFCF7 | 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 #FFC0EC as 0% and #FFFCF7 as 100%.

0.0%	0.0% #FFC0EC	RGB 255 192 236	#FFC0EC
16.7%	16.7% #FFCAED	RGB 255 202 237	#FFCAED
33.3%	33.3% #FFD4EF	RGB 255 212 239	#FFD4EF
50.0%	50.0% #FFDEF1	RGB 255 222 241	#FFDEF1
66.7%	66.7% #FFE8F3	RGB 255 232 243	#FFE8F3
83.3%	83.3% #FFF2F5	RGB 255 242 245	#FFF2F5
100.0%	100.0% #FFFCF7	RGB 255 252 247	#FFFCF7

#FFC0EC #FFCAED #FFD4EF #FFDEF1 #FFE8F3 #FFF2F5 #FFFCF7

#FFC0EC - #FFFCF7

HSV Blend

#FFC0EC - #FFFCF7 | 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 #FFC0EC as 0% and #FFFCF7 as 100%.

0.0%	0.0% #FFC0EC	RGB 255 192 236	#FFC0EC
16.7%	16.7% #FFC9E2	RGB 255 201 226	#FFC9E2
33.3%	33.3% #FFD2DD	RGB 255 210 221	#FFD2DD
50.0%	50.0% #FFDBDC	RGB 255 219 220	#FFDBDC
66.7%	66.7% #FFE9E4	RGB 255 233 228	#FFE9E4
83.3%	83.3% #FFF4ED	RGB 255 244 237	#FFF4ED
100.0%	100.0% #FFFCF7	RGB 255 252 247	#FFFCF7

#FFC0EC #FFC9E2 #FFD2DD #FFDBDC #FFE9E4 #FFF4ED #FFFCF7

#FFC0EC - #FFDBDC - #FFFCF7

CSS codes

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

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