#FFE6B6 - #EECBEC | 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 #FFE6B6 to #EECBEC

#FFE6B6 #EECBEC

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

#FFE6B6 - #EECBEC | 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 #FFE6B6 as 0% and #EECBEC as 100%.

0.0%	0.0% #FFE6B6	RGB 255 230 182	#FFE6B6
16.7%	16.7% #FCE1BF	RGB 252 225 191	#FCE1BF
33.3%	33.3% #F9DDC8	RGB 249 221 200	#F9DDC8
50.0%	50.0% #F6D8D1	RGB 246 216 209	#F6D8D1
66.7%	66.7% #F3D4DA	RGB 243 212 218	#F3D4DA
83.3%	83.3% #F0CFE3	RGB 240 207 227	#F0CFE3
100.0%	100.0% #EECBEC	RGB 238 203 236	#EECBEC

#FFE6B6 #FCE1BF #F9DDC8 #F6D8D1 #F3D4DA #F0CFE3 #EECBEC

#FFE6B6 - #EECBEC

HSV Blend

#FFE6B6 - #EECBEC | 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 #FFE6B6 as 0% and #EECBEC as 100%.

0.0%	0.0% #FFE6B6	RGB 255 230 182	#FFE6B6
16.7%	16.7% #FCD3B9	RGB 252 211 185	#FCD3B9
33.3%	33.3% #F9C4BD	RGB 249 196 189	#F9C4BD
50.0%	50.0% #F6C1C8	RGB 246 193 200	#F6C1C8
66.7%	66.7% #F3C4D7	RGB 243 196 215	#F3C4D7
83.3%	83.3% #F0C7E3	RGB 240 199 227	#F0C7E3
100.0%	100.0% #EECBEC	RGB 238 203 236	#EECBEC

#FFE6B6 #FCD3B9 #F9C4BD #F6C1C8 #F3C4D7 #F0C7E3 #EECBEC

#FFE6B6 - #F6C1C8 - #EECBEC

CSS codes

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

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