#C7B5AF - #CEDADF | 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 #C7B5AF to #CEDADF

#C7B5AF #CEDADF

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

#C7B5AF - #CEDADF | 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 #C7B5AF as 0% and #CEDADF as 100%.

0.0%	0.0% #C7B5AF	RGB 199 181 175	#C7B5AF
16.7%	16.7% #C8BBB7	RGB 200 187 183	#C8BBB7
33.3%	33.3% #C9C1BF	RGB 201 193 191	#C9C1BF
50.0%	50.0% #CAC7C7	RGB 202 199 199	#CAC7C7
66.7%	66.7% #CBCDCF	RGB 203 205 207	#CBCDCF
83.3%	83.3% #CCD3D7	RGB 204 211 215	#CCD3D7
100.0%	100.0% #CEDADF	RGB 206 218 223	#CEDADF

#C7B5AF #C8BBB7 #C9C1BF #CAC7C7 #CBCDCF #CCD3D7 #CEDADF

#C7B5AF - #CEDADF

HSV Blend

#C7B5AF - #CEDADF | 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 #C7B5AF as 0% and #CEDADF as 100%.

0.0%	0.0% #C7B5AF	RGB 199 181 175	#C7B5AF
16.7%	16.7% #CBB4B9	RGB 203 180 185	#CBB4B9
33.3%	33.3% #CFB9C9	RGB 207 185 201	#CFB9C9
50.0%	50.0% #CEBED3	RGB 206 190 211	#CEBED3
66.7%	66.7% #C8C3D7	RGB 200 195 215	#C8C3D7
83.3%	83.3% #C8CCDB	RGB 200 204 219	#C8CCDB
100.0%	100.0% #CEDADF	RGB 206 218 223	#CEDADF

#C7B5AF #CBB4B9 #CFB9C9 #CEBED3 #C8C3D7 #C8CCDB #CEDADF

#C7B5AF - #CEBED3 - #CEDADF

CSS codes

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

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