#F5E2F3 - #CE94BE | 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 #F5E2F3 to #CE94BE

#F5E2F3 #CE94BE

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

#F5E2F3 - #CE94BE | 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 #F5E2F3 as 0% and #CE94BE as 100%.

0.0%	0.0% #F5E2F3	RGB 245 226 243	#F5E2F3
16.7%	16.7% #EED5EA	RGB 238 213 234	#EED5EA
33.3%	33.3% #E8C8E1	RGB 232 200 225	#E8C8E1
50.0%	50.0% #E1BBD8	RGB 225 187 216	#E1BBD8
66.7%	66.7% #DBAECF	RGB 219 174 207	#DBAECF
83.3%	83.3% #D4A1C6	RGB 212 161 198	#D4A1C6
100.0%	100.0% #CE94BE	RGB 206 148 190	#CE94BE

#F5E2F3 #EED5EA #E8C8E1 #E1BBD8 #DBAECF #D4A1C6 #CE94BE

#F5E2F3 - #CE94BE

HSV Blend

#F5E2F3 - #CE94BE | 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 #F5E2F3 as 0% and #CE94BE as 100%.

0.0%	0.0% #F5E2F3	RGB 245 226 243	#F5E2F3
16.7%	16.7% #EED3EA	RGB 238 211 234	#EED3EA
33.3%	33.3% #E8C6E2	RGB 232 198 226	#E8C6E2
50.0%	50.0% #E1B9D9	RGB 225 185 217	#E1B9D9
66.7%	66.7% #DBACD0	RGB 219 172 208	#DBACD0
83.3%	83.3% #D49FC7	RGB 212 159 199	#D49FC7
100.0%	100.0% #CE94BE	RGB 206 148 190	#CE94BE

#F5E2F3 #EED3EA #E8C6E2 #E1B9D9 #DBACD0 #D49FC7 #CE94BE

#F5E2F3 - #E1B9D9 - #CE94BE

CSS codes

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

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