#CF5E9B - #F1D1E2 | 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 #CF5E9B to #F1D1E2

#CF5E9B #F1D1E2

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

#CF5E9B - #F1D1E2 | 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 #CF5E9B as 0% and #F1D1E2 as 100%.

0.0%	0.0% #CF5E9B	RGB 207 94 155	#CF5E9B
16.7%	16.7% #D471A6	RGB 212 113 166	#D471A6
33.3%	33.3% #DA84B2	RGB 218 132 178	#DA84B2
50.0%	50.0% #E097BE	RGB 224 151 190	#E097BE
66.7%	66.7% #E5AACA	RGB 229 170 202	#E5AACA
83.3%	83.3% #EBBDD6	RGB 235 189 214	#EBBDD6
100.0%	100.0% #F1D1E2	RGB 241 209 226	#F1D1E2

#CF5E9B #D471A6 #DA84B2 #E097BE #E5AACA #EBBDD6 #F1D1E2

#CF5E9B - #F1D1E2

HSV Blend

#CF5E9B - #F1D1E2 | 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 #CF5E9B as 0% and #F1D1E2 as 100%.

0.0%	0.0% #CF5E9A	RGB 207 94 154	#CF5E9A
16.7%	16.7% #D46FA5	RGB 212 111 165	#D46FA5
33.3%	33.3% #DA81B1	RGB 218 129 177	#DA81B1
50.0%	50.0% #E093BC	RGB 224 147 188	#E093BC
66.7%	66.7% #E5A7C8	RGB 229 167 200	#E5A7C8
83.3%	83.3% #EBBBD5	RGB 235 187 213	#EBBBD5
100.0%	100.0% #F1D1E2	RGB 241 209 226	#F1D1E2

#CF5E9A #D46FA5 #DA81B1 #E093BC #E5A7C8 #EBBBD5 #F1D1E2

#CF5E9B - #E093BC - #F1D1E2

CSS codes

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

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