#F5B7F7 - #ECE2EA | 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 #F5B7F7 to #ECE2EA

#F5B7F7 #ECE2EA

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

#F5B7F7 - #ECE2EA | 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 #F5B7F7 as 0% and #ECE2EA as 100%.

0.0%	0.0% #F5B7F7	RGB 245 183 247	#F5B7F7
16.7%	16.7% #F3BEF4	RGB 243 190 244	#F3BEF4
33.3%	33.3% #F2C5F2	RGB 242 197 242	#F2C5F2
50.0%	50.0% #F0CCF0	RGB 240 204 240	#F0CCF0
66.7%	66.7% #EFD3EE	RGB 239 211 238	#EFD3EE
83.3%	83.3% #EDDAEC	RGB 237 218 236	#EDDAEC
100.0%	100.0% #ECE2EA	RGB 236 226 234	#ECE2EA

#F5B7F7 #F3BEF4 #F2C5F2 #F0CCF0 #EFD3EE #EDDAEC #ECE2EA

#F5B7F7 - #ECE2EA

HSV Blend

#F5B7F7 - #ECE2EA | 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 #F5B7F7 as 0% and #ECE2EA as 100%.

0.0%	0.0% #F5B7F7	RGB 245 183 247	#F5B7F7
16.7%	16.7% #F5BEF4	RGB 245 190 244	#F5BEF4
33.3%	33.3% #F3C5F1	RGB 243 197 241	#F3C5F1
50.0%	50.0% #F1CDEE	RGB 241 205 238	#F1CDEE
66.7%	66.7% #EFD4EC	RGB 239 212 236	#EFD4EC
83.3%	83.3% #EDDBEA	RGB 237 219 234	#EDDBEA
100.0%	100.0% #ECE2EA	RGB 236 226 234	#ECE2EA

#F5B7F7 #F5BEF4 #F3C5F1 #F1CDEE #EFD4EC #EDDBEA #ECE2EA

#F5B7F7 - #F1CDEE - #ECE2EA

CSS codes

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

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