#ECB7E2 - #FAFAFB | 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 #ECB7E2 to #FAFAFB

#ECB7E2 #FAFAFB

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

#ECB7E2 - #FAFAFB | 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 #ECB7E2 as 0% and #FAFAFB as 100%.

0.0%	0.0% #ECB7E2	RGB 236 183 226	#ECB7E2
16.7%	16.7% #EEC2E6	RGB 238 194 230	#EEC2E6
33.3%	33.3% #F0CDEA	RGB 240 205 234	#F0CDEA
50.0%	50.0% #F3D8EE	RGB 243 216 238	#F3D8EE
66.7%	66.7% #F5E3F2	RGB 245 227 242	#F5E3F2
83.3%	83.3% #F7EEF6	RGB 247 238 246	#F7EEF6
100.0%	100.0% #FAFAFB	RGB 250 250 251	#FAFAFB

#ECB7E2 #EEC2E6 #F0CDEA #F3D8EE #F5E3F2 #F7EEF6 #FAFAFB

#ECB7E2 - #FAFAFB

HSV Blend

#ECB7E2 - #FAFAFB | 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 #ECB7E2 as 0% and #FAFAFB as 100%.

0.0%	0.0% #ECB7E2	RGB 236 183 226	#ECB7E2
16.7%	16.7% #EEC1EE	RGB 238 193 238	#EEC1EE
33.3%	33.3% #E9CCF1	RGB 233 204 241	#E9CCF1
50.0%	50.0% #E8D7F3	RGB 232 215 243	#E8D7F3
66.7%	66.7% #EAE2F6	RGB 234 226 246	#EAE2F6
83.3%	83.3% #F0EEF8	RGB 240 238 248	#F0EEF8
100.0%	100.0% #FAFAFB	RGB 250 250 251	#FAFAFB

#ECB7E2 #EEC1EE #E9CCF1 #E8D7F3 #EAE2F6 #F0EEF8 #FAFAFB

#ECB7E2 - #E8D7F3 - #FAFAFB

CSS codes

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

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