#BEC1C0 - #ECEDEC | 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 #BEC1C0 to #ECEDEC

#BEC1C0 #ECEDEC

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

#BEC1C0 - #ECEDEC | 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 #BEC1C0 as 0% and #ECEDEC as 100%.

0.0%	0.0% #BEC1C0	RGB 190 193 192	#BEC1C0
16.7%	16.7% #C5C8C7	RGB 197 200 199	#C5C8C7
33.3%	33.3% #CDCFCE	RGB 205 207 206	#CDCFCE
50.0%	50.0% #D5D7D6	RGB 213 215 214	#D5D7D6
66.7%	66.7% #DCDEDD	RGB 220 222 221	#DCDEDD
83.3%	83.3% #E4E5E4	RGB 228 229 228	#E4E5E4
100.0%	100.0% #ECEDEC	RGB 236 237 236	#ECEDEC

#BEC1C0 #C5C8C7 #CDCFCE #D5D7D6 #DCDEDD #E4E5E4 #ECEDEC

#BEC1C0 - #ECEDEC

HSV Blend

#BEC1C0 - #ECEDEC | 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 #BEC1C0 as 0% and #ECEDEC as 100%.

0.0%	0.0% #BEC1C0	RGB 190 193 192	#BEC1C0
16.7%	16.7% #C5C8C7	RGB 197 200 199	#C5C8C7
33.3%	33.3% #CDCFCE	RGB 205 207 206	#CDCFCE
50.0%	50.0% #D4D7D5	RGB 212 215 213	#D4D7D5
66.7%	66.7% #DCDEDC	RGB 220 222 220	#DCDEDC
83.3%	83.3% #E4E5E4	RGB 228 229 228	#E4E5E4
100.0%	100.0% #ECEDEC	RGB 236 237 236	#ECEDEC

#BEC1C0 #C5C8C7 #CDCFCE #D4D7D5 #DCDEDC #E4E5E4 #ECEDEC

#BEC1C0 - #D4D7D5 - #ECEDEC

CSS codes

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

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