#ECC2FF - #FFF6F4 | 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 #ECC2FF to #FFF6F4

#ECC2FF #FFF6F4

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

#ECC2FF - #FFF6F4 | 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 #ECC2FF as 0% and #FFF6F4 as 100%.

0.0%	0.0% #ECC2FF	RGB 236 194 255	#ECC2FF
16.7%	16.7% #EFCAFD	RGB 239 202 253	#EFCAFD
33.3%	33.3% #F2D3FB	RGB 242 211 251	#F2D3FB
50.0%	50.0% #F5DCF9	RGB 245 220 249	#F5DCF9
66.7%	66.7% #F8E4F7	RGB 248 228 247	#F8E4F7
83.3%	83.3% #FBEDF5	RGB 251 237 245	#FBEDF5
100.0%	100.0% #FFF6F4	RGB 255 246 244	#FFF6F4

#ECC2FF #EFCAFD #F2D3FB #F5DCF9 #F8E4F7 #FBEDF5 #FFF6F4

#ECC2FF - #FFF6F4

HSV Blend

#ECC2FF - #FFF6F4 | 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 #ECC2FF as 0% and #FFF6F4 as 100%.

0.0%	0.0% #ECC2FF	RGB 236 194 255	#ECC2FF
16.7%	16.7% #FBCAFF	RGB 251 202 255	#FBCAFF
33.3%	33.3% #FFD2F6	RGB 255 210 246	#FFD2F6
50.0%	50.0% #FFDBEF	RGB 255 219 239	#FFDBEF
66.7%	66.7% #FFE3EC	RGB 255 227 236	#FFE3EC
83.3%	83.3% #FFEBEC	RGB 255 235 236	#FFEBEC
100.0%	100.0% #FFF6F4	RGB 255 246 244	#FFF6F4

#ECC2FF #FBCAFF #FFD2F6 #FFDBEF #FFE3EC #FFEBEC #FFF6F4

#ECC2FF - #FFDBEF - #FFF6F4

CSS codes

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

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