#CF7E9F - #F1DAE3 | 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 #CF7E9F to #F1DAE3

#CF7E9F #F1DAE3

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

#CF7E9F - #F1DAE3 | 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 #CF7E9F as 0% and #F1DAE3 as 100%.

0.0%	0.0% #CF7E9F	RGB 207 126 159	#CF7E9F
16.7%	16.7% #D48DAA	RGB 212 141 170	#D48DAA
33.3%	33.3% #DA9CB5	RGB 218 156 181	#DA9CB5
50.0%	50.0% #E0ACC1	RGB 224 172 193	#E0ACC1
66.7%	66.7% #E5BBCC	RGB 229 187 204	#E5BBCC
83.3%	83.3% #EBCAD7	RGB 235 202 215	#EBCAD7
100.0%	100.0% #F1DAE3	RGB 241 218 227	#F1DAE3

#CF7E9F #D48DAA #DA9CB5 #E0ACC1 #E5BBCC #EBCAD7 #F1DAE3

#CF7E9F - #F1DAE3

HSV Blend

#CF7E9F - #F1DAE3 | 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 #CF7E9F as 0% and #F1DAE3 as 100%.

0.0%	0.0% #CF7E9E	RGB 207 126 158	#CF7E9E
16.7%	16.7% #D48BA9	RGB 212 139 169	#D48BA9
33.3%	33.3% #DA9AB4	RGB 218 154 180	#DA9AB4
50.0%	50.0% #E0A9BF	RGB 224 169 191	#E0A9BF
66.7%	66.7% #E5B9CA	RGB 229 185 202	#E5B9CA
83.3%	83.3% #EBC9D6	RGB 235 201 214	#EBC9D6
100.0%	100.0% #F1DAE3	RGB 241 218 227	#F1DAE3

#CF7E9E #D48BA9 #DA9AB4 #E0A9BF #E5B9CA #EBC9D6 #F1DAE3

#CF7E9F - #E0A9BF - #F1DAE3

CSS codes

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

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