#CF9EB5 - #F1E3E9 | 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 #CF9EB5 to #F1E3E9

#CF9EB5 #F1E3E9

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

#CF9EB5 - #F1E3E9 | 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 #CF9EB5 as 0% and #F1E3E9 as 100%.

0.0%	0.0% #CF9EB5	RGB 207 158 181	#CF9EB5
16.7%	16.7% #D4A9BD	RGB 212 169 189	#D4A9BD
33.3%	33.3% #DAB5C6	RGB 218 181 198	#DAB5C6
50.0%	50.0% #E0C0CF	RGB 224 192 207	#E0C0CF
66.7%	66.7% #E5CCD7	RGB 229 204 215	#E5CCD7
83.3%	83.3% #EBD7E0	RGB 235 215 224	#EBD7E0
100.0%	100.0% #F1E3E9	RGB 241 227 233	#F1E3E9

#CF9EB5 #D4A9BD #DAB5C6 #E0C0CF #E5CCD7 #EBD7E0 #F1E3E9

#CF9EB5 - #F1E3E9

HSV Blend

#CF9EB5 - #F1E3E9 | 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 #CF9EB5 as 0% and #F1E3E9 as 100%.

0.0%	0.0% #CF9EB5	RGB 207 158 181	#CF9EB5
16.7%	16.7% #D4A8BD	RGB 212 168 189	#D4A8BD
33.3%	33.3% #DAB3C5	RGB 218 179 197	#DAB3C5
50.0%	50.0% #E0BECD	RGB 224 190 205	#E0BECD
66.7%	66.7% #E5CAD6	RGB 229 202 214	#E5CAD6
83.3%	83.3% #EBD6DF	RGB 235 214 223	#EBD6DF
100.0%	100.0% #F1E3E9	RGB 241 227 233	#F1E3E9

#CF9EB5 #D4A8BD #DAB3C5 #E0BECD #E5CAD6 #EBD6DF #F1E3E9

#CF9EB5 - #E0BECD - #F1E3E9

CSS codes

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

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