#CF9DB1 - #F1E3E8 | 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 #CF9DB1 to #F1E3E8

#CF9DB1 #F1E3E8

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

#CF9DB1 - #F1E3E8 | 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 #CF9DB1 as 0% and #F1E3E8 as 100%.

0.0%	0.0% #CF9DB1	RGB 207 157 177	#CF9DB1
16.7%	16.7% #D4A8BA	RGB 212 168 186	#D4A8BA
33.3%	33.3% #DAB4C3	RGB 218 180 195	#DAB4C3
50.0%	50.0% #E0C0CC	RGB 224 192 204	#E0C0CC
66.7%	66.7% #E5CBD5	RGB 229 203 213	#E5CBD5
83.3%	83.3% #EBD7DE	RGB 235 215 222	#EBD7DE
100.0%	100.0% #F1E3E8	RGB 241 227 232	#F1E3E8

#CF9DB1 #D4A8BA #DAB4C3 #E0C0CC #E5CBD5 #EBD7DE #F1E3E8

#CF9DB1 - #F1E3E8

HSV Blend

#CF9DB1 - #F1E3E8 | 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 #CF9DB1 as 0% and #F1E3E8 as 100%.

0.0%	0.0% #CF9DB1	RGB 207 157 177	#CF9DB1
16.7%	16.7% #D4A7B9	RGB 212 167 185	#D4A7B9
33.3%	33.3% #DAB2C2	RGB 218 178 194	#DAB2C2
50.0%	50.0% #E0BECB	RGB 224 190 203	#E0BECB
66.7%	66.7% #E5CAD4	RGB 229 202 212	#E5CAD4
83.3%	83.3% #EBD6DE	RGB 235 214 222	#EBD6DE
100.0%	100.0% #F1E3E8	RGB 241 227 232	#F1E3E8

#CF9DB1 #D4A7B9 #DAB2C2 #E0BECB #E5CAD4 #EBD6DE #F1E3E8

#CF9DB1 - #E0BECB - #F1E3E8

CSS codes

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

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