#BEC0C2 - #E2CCC8 | 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 #BEC0C2 to #E2CCC8

#BEC0C2 #E2CCC8

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

#BEC0C2 - #E2CCC8 | 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 #BEC0C2 as 0% and #E2CCC8 as 100%.

0.0%	0.0% #BEC0C2	RGB 190 192 194	#BEC0C2
16.7%	16.7% #C4C2C3	RGB 196 194 195	#C4C2C3
33.3%	33.3% #CAC4C4	RGB 202 196 196	#CAC4C4
50.0%	50.0% #D0C6C5	RGB 208 198 197	#D0C6C5
66.7%	66.7% #D6C8C6	RGB 214 200 198	#D6C8C6
83.3%	83.3% #DCCAC7	RGB 220 202 199	#DCCAC7
100.0%	100.0% #E2CCC8	RGB 226 204 200	#E2CCC8

#BEC0C2 #C4C2C3 #CAC4C4 #D0C6C5 #D6C8C6 #DCCAC7 #E2CCC8

#BEC0C2 - #E2CCC8

HSV Blend

#BEC0C2 - #E2CCC8 | 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 #BEC0C2 as 0% and #E2CCC8 as 100%.

0.0%	0.0% #BEC0C2	RGB 190 192 194	#BEC0C2
16.7%	16.7% #C0C0C7	RGB 192 192 199	#C0C0C7
33.3%	33.3% #C6C2CC	RGB 198 194 204	#C6C2CC
50.0%	50.0% #CFC3D2	RGB 207 195 210	#CFC3D2
66.7%	66.7% #D7C5D2	RGB 215 197 210	#D7C5D2
83.3%	83.3% #DCC6CD	RGB 220 198 205	#DCC6CD
100.0%	100.0% #E2CCC8	RGB 226 204 200	#E2CCC8

#BEC0C2 #C0C0C7 #C6C2CC #CFC3D2 #D7C5D2 #DCC6CD #E2CCC8

#BEC0C2 - #CFC3D2 - #E2CCC8

CSS codes

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

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