#C7BEC2 - #FFECD3 | 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 #C7BEC2 to #FFECD3

#C7BEC2 #FFECD3

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

#C7BEC2 - #FFECD3 | 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 #C7BEC2 as 0% and #FFECD3 as 100%.

0.0%	0.0% #C7BEC2	RGB 199 190 194	#C7BEC2
16.7%	16.7% #D0C5C4	RGB 208 197 196	#D0C5C4
33.3%	33.3% #D9CDC7	RGB 217 205 199	#D9CDC7
50.0%	50.0% #E3D5CA	RGB 227 213 202	#E3D5CA
66.7%	66.7% #ECDCCD	RGB 236 220 205	#ECDCCD
83.3%	83.3% #F5E4D0	RGB 245 228 208	#F5E4D0
100.0%	100.0% #FFECD3	RGB 255 236 211	#FFECD3

#C7BEC2 #D0C5C4 #D9CDC7 #E3D5CA #ECDCCD #F5E4D0 #FFECD3

#C7BEC2 - #FFECD3

HSV Blend

#C7BEC2 - #FFECD3 | 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 #C7BEC2 as 0% and #FFECD3 as 100%.

0.0%	0.0% #C7BEC2	RGB 199 190 194	#C7BEC2
16.7%	16.7% #D0C2C6	RGB 208 194 198	#D0C2C6
33.3%	33.3% #D9C6C8	RGB 217 198 200	#D9C6C8
50.0%	50.0% #E3CBCA	RGB 227 203 202	#E3CBCA
66.7%	66.7% #ECD4CD	RGB 236 212 205	#ECD4CD
83.3%	83.3% #F5DFD0	RGB 245 223 208	#F5DFD0
100.0%	100.0% #FFECD3	RGB 255 236 211	#FFECD3

#C7BEC2 #D0C2C6 #D9C6C8 #E3CBCA #ECD4CD #F5DFD0 #FFECD3

#C7BEC2 - #E3CBCA - #FFECD3

CSS codes

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

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