#F2DFEB - #CF8CAB | 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 #F2DFEB to #CF8CAB

#F2DFEB #CF8CAB

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

#F2DFEB - #CF8CAB | 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 #F2DFEB as 0% and #CF8CAB as 100%.

0.0%	0.0% #F2DFEB	RGB 242 223 235	#F2DFEB
16.7%	16.7% #ECD1E0	RGB 236 209 224	#ECD1E0
33.3%	33.3% #E6C3D5	RGB 230 195 213	#E6C3D5
50.0%	50.0% #E0B5CB	RGB 224 181 203	#E0B5CB
66.7%	66.7% #DAA7C0	RGB 218 167 192	#DAA7C0
83.3%	83.3% #D499B5	RGB 212 153 181	#D499B5
100.0%	100.0% #CF8CAB	RGB 207 140 171	#CF8CAB

#F2DFEB #ECD1E0 #E6C3D5 #E0B5CB #DAA7C0 #D499B5 #CF8CAB

#F2DFEB - #CF8CAB

HSV Blend

#F2DFEB - #CF8CAB | 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 #F2DFEB as 0% and #CF8CAB as 100%.

0.0%	0.0% #F2DFEB	RGB 242 223 235	#F2DFEB
16.7%	16.7% #ECCFE0	RGB 236 207 224	#ECCFE0
33.3%	33.3% #E6C1D6	RGB 230 193 214	#E6C1D6
50.0%	50.0% #E0B3CC	RGB 224 179 204	#E0B3CC
66.7%	66.7% #DAA5C1	RGB 218 165 193	#DAA5C1
83.3%	83.3% #D498B6	RGB 212 152 182	#D498B6
100.0%	100.0% #CF8CAB	RGB 207 140 171	#CF8CAB

#F2DFEB #ECCFE0 #E6C1D6 #E0B3CC #DAA5C1 #D498B6 #CF8CAB

#F2DFEB - #E0B3CC - #CF8CAB

CSS codes

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

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