#E6B6C0 - #FEEFD6 | 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 #E6B6C0 to #FEEFD6

#E6B6C0 #FEEFD6

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

#E6B6C0 - #FEEFD6 | 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 #E6B6C0 as 0% and #FEEFD6 as 100%.

0.0%	0.0% #E6B6C0	RGB 230 182 192	#E6B6C0
16.7%	16.7% #EABFC3	RGB 234 191 195	#EABFC3
33.3%	33.3% #EEC9C7	RGB 238 201 199	#EEC9C7
50.0%	50.0% #F2D2CB	RGB 242 210 203	#F2D2CB
66.7%	66.7% #F6DCCE	RGB 246 220 206	#F6DCCE
83.3%	83.3% #FAE5D2	RGB 250 229 210	#FAE5D2
100.0%	100.0% #FEEFD6	RGB 254 239 214	#FEEFD6

#E6B6C0 #EABFC3 #EEC9C7 #F2D2CB #F6DCCE #FAE5D2 #FEEFD6

#E6B6C0 - #FEEFD6

HSV Blend

#E6B6C0 - #FEEFD6 | 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 #E6B6C0 as 0% and #FEEFD6 as 100%.

0.0%	0.0% #E6B6C0	RGB 230 182 192	#E6B6C0
16.7%	16.7% #EABBBE	RGB 234 187 190	#EABBBE
33.3%	33.3% #EEC3C0	RGB 238 195 192	#EEC3C0
50.0%	50.0% #F2CEC5	RGB 242 206 197	#F2CEC5
66.7%	66.7% #F6D9CB	RGB 246 217 203	#F6D9CB
83.3%	83.3% #FAE4D0	RGB 250 228 208	#FAE4D0
100.0%	100.0% #FEEFD6	RGB 254 239 214	#FEEFD6

#E6B6C0 #EABBBE #EEC3C0 #F2CEC5 #F6D9CB #FAE4D0 #FEEFD6

#E6B6C0 - #F2CEC5 - #FEEFD6

CSS codes

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

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