#ECC2D2 - #FDFCF6 | 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 #ECC2D2 to #FDFCF6

#ECC2D2 #FDFCF6

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

#ECC2D2 - #FDFCF6 | 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 #ECC2D2 as 0% and #FDFCF6 as 100%.

0.0%	0.0% #ECC2D2	RGB 236 194 210	#ECC2D2
16.7%	16.7% #EECBD8	RGB 238 203 216	#EECBD8
33.3%	33.3% #F1D5DE	RGB 241 213 222	#F1D5DE
50.0%	50.0% #F4DFE4	RGB 244 223 228	#F4DFE4
66.7%	66.7% #F7E8EA	RGB 247 232 234	#F7E8EA
83.3%	83.3% #FAF2F0	RGB 250 242 240	#FAF2F0
100.0%	100.0% #FDFCF6	RGB 253 252 246	#FDFCF6

#ECC2D2 #EECBD8 #F1D5DE #F4DFE4 #F7E8EA #FAF2F0 #FDFCF6

#ECC2D2 - #FDFCF6

HSV Blend

#ECC2D2 - #FDFCF6 | 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 #ECC2D2 as 0% and #FDFCF6 as 100%.

0.0%	0.0% #ECC2D2	RGB 236 194 210	#ECC2D2
16.7%	16.7% #EECAD0	RGB 238 202 208	#EECAD0
33.3%	33.3% #F1D3D2	RGB 241 211 210	#F1D3D2
50.0%	50.0% #F4E1DB	RGB 244 225 219	#F4E1DB
66.7%	66.7% #F7ECE4	RGB 247 236 228	#F7ECE4
83.3%	83.3% #FAF5EC	RGB 250 245 236	#FAF5EC
100.0%	100.0% #FDFCF6	RGB 253 252 246	#FDFCF6

#ECC2D2 #EECAD0 #F1D3D2 #F4E1DB #F7ECE4 #FAF5EC #FDFCF6

#ECC2D2 - #F4E1DB - #FDFCF6

CSS codes

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

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