#C8C5C7 - #EBCFFF | 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 #C8C5C7 to #EBCFFF

#C8C5C7 #EBCFFF

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

#C8C5C7 - #EBCFFF | 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 #C8C5C7 as 0% and #EBCFFF as 100%.

0.0%	0.0% #C8C5C7	RGB 200 197 199	#C8C5C7
16.7%	16.7% #CDC6D0	RGB 205 198 208	#CDC6D0
33.3%	33.3% #D3C8D9	RGB 211 200 217	#D3C8D9
50.0%	50.0% #D9CAE3	RGB 217 202 227	#D9CAE3
66.7%	66.7% #DFCBEC	RGB 223 203 236	#DFCBEC
83.3%	83.3% #E5CDF5	RGB 229 205 245	#E5CDF5
100.0%	100.0% #EBCFFF	RGB 235 207 255	#EBCFFF

#C8C5C7 #CDC6D0 #D3C8D9 #D9CAE3 #DFCBEC #E5CDF5 #EBCFFF

#C8C5C7 - #EBCFFF

HSV Blend

#C8C5C7 - #EBCFFF | 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 #C8C5C7 as 0% and #EBCFFF as 100%.

0.0%	0.0% #C8C5C7	RGB 200 197 199	#C8C5C7
16.7%	16.7% #D1C7CF	RGB 209 199 207	#D1C7CF
33.3%	33.3% #DACAD9	RGB 218 202 217	#DACAD9
50.0%	50.0% #E2CCE3	RGB 226 204 227	#E2CCE3
66.7%	66.7% #E7CDEC	RGB 231 205 236	#E7CDEC
83.3%	83.3% #EACEF5	RGB 234 206 245	#EACEF5
100.0%	100.0% #EBCFFF	RGB 235 207 255	#EBCFFF

#C8C5C7 #D1C7CF #DACAD9 #E2CCE3 #E7CDEC #EACEF5 #EBCFFF

#C8C5C7 - #E2CCE3 - #EBCFFF

CSS codes

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

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