#FFCAF8 - #FFEFFD | 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 #FFCAF8 to #FFEFFD

#FFCAF8 #FFEFFD

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

#FFCAF8 - #FFEFFD | 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 #FFCAF8 as 0% and #FFEFFD as 100%.

0.0%	0.0% #FFCAF8	RGB 255 202 248	#FFCAF8
16.7%	16.7% #FFD0F8	RGB 255 208 248	#FFD0F8
33.3%	33.3% #FFD6F9	RGB 255 214 249	#FFD6F9
50.0%	50.0% #FFDCFA	RGB 255 220 250	#FFDCFA
66.7%	66.7% #FFE2FB	RGB 255 226 251	#FFE2FB
83.3%	83.3% #FFE8FC	RGB 255 232 252	#FFE8FC
100.0%	100.0% #FFEFFD	RGB 255 239 253	#FFEFFD

#FFCAF8 #FFD0F8 #FFD6F9 #FFDCFA #FFE2FB #FFE8FC #FFEFFD

#FFCAF8 - #FFEFFD

HSV Blend

#FFCAF8 - #FFEFFD | 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 #FFCAF8 as 0% and #FFEFFD as 100%.

0.0%	0.0% #FFCAF8	RGB 255 202 248	#FFCAF8
16.7%	16.7% #FFD0F8	RGB 255 208 248	#FFD0F8
33.3%	33.3% #FFD6F9	RGB 255 214 249	#FFD6F9
50.0%	50.0% #FFDCFA	RGB 255 220 250	#FFDCFA
66.7%	66.7% #FFE2FB	RGB 255 226 251	#FFE2FB
83.3%	83.3% #FFE8FC	RGB 255 232 252	#FFE8FC
100.0%	100.0% #FFEFFD	RGB 255 239 253	#FFEFFD

#FFCAF8 #FFD0F8 #FFD6F9 #FFDCFA #FFE2FB #FFE8FC #FFEFFD

#FFCAF8 - #FFDCFA - #FFEFFD

CSS codes

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

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