#F1D5E9 - #CF7AA8 | 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 #F1D5E9 to #CF7AA8

#F1D5E9 #CF7AA8

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

#F1D5E9 - #CF7AA8 | 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 #F1D5E9 as 0% and #CF7AA8 as 100%.

0.0%	0.0% #F1D5E9	RGB 241 213 233	#F1D5E9
16.7%	16.7% #EBC5DE	RGB 235 197 222	#EBC5DE
33.3%	33.3% #E5B6D3	RGB 229 182 211	#E5B6D3
50.0%	50.0% #E0A7C8	RGB 224 167 200	#E0A7C8
66.7%	66.7% #DA98BD	RGB 218 152 189	#DA98BD
83.3%	83.3% #D489B2	RGB 212 137 178	#D489B2
100.0%	100.0% #CF7AA8	RGB 207 122 168	#CF7AA8

#F1D5E9 #EBC5DE #E5B6D3 #E0A7C8 #DA98BD #D489B2 #CF7AA8

#F1D5E9 - #CF7AA8

HSV Blend

#F1D5E9 - #CF7AA8 | 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 #F1D5E9 as 0% and #CF7AA8 as 100%.

0.0%	0.0% #F1D5E9	RGB 241 213 233	#F1D5E9
16.7%	16.7% #EBC4DF	RGB 235 196 223	#EBC4DF
33.3%	33.3% #E5B4D4	RGB 229 180 212	#E5B4D4
50.0%	50.0% #E0A4CA	RGB 224 164 202	#E0A4CA
66.7%	66.7% #DA96BE	RGB 218 150 190	#DA96BE
83.3%	83.3% #D487B3	RGB 212 135 179	#D487B3
100.0%	100.0% #CF7AA8	RGB 207 122 168	#CF7AA8

#F1D5E9 #EBC4DF #E5B4D4 #E0A4CA #DA96BE #D487B3 #CF7AA8

#F1D5E9 - #E0A4CA - #CF7AA8

CSS codes

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

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