#C7B7C7 - #FFE2BC | 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 #C7B7C7 to #FFE2BC

#C7B7C7 #FFE2BC

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

#C7B7C7 - #FFE2BC | 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 #C7B7C7 as 0% and #FFE2BC as 100%.

0.0%	0.0% #C7B7C7	RGB 199 183 199	#C7B7C7
16.7%	16.7% #D0BEC5	RGB 208 190 197	#D0BEC5
33.3%	33.3% #D9C5C3	RGB 217 197 195	#D9C5C3
50.0%	50.0% #E3CCC1	RGB 227 204 193	#E3CCC1
66.7%	66.7% #ECD3BF	RGB 236 211 191	#ECD3BF
83.3%	83.3% #F5DABD	RGB 245 218 189	#F5DABD
100.0%	100.0% #FFE2BC	RGB 255 226 188	#FFE2BC

#C7B7C7 #D0BEC5 #D9C5C3 #E3CCC1 #ECD3BF #F5DABD #FFE2BC

#C7B7C7 - #FFE2BC

HSV Blend

#C7B7C7 - #FFE2BC | 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 #C7B7C7 as 0% and #FFE2BC as 100%.

0.0%	0.0% #C7B7C7	RGB 199 183 199	#C7B7C7
16.7%	16.7% #D0B9CA	RGB 208 185 202	#D0B9CA
33.3%	33.3% #D9BAC9	RGB 217 186 201	#D9BAC9
50.0%	50.0% #E3BCC4	RGB 227 188 196	#E3BCC4
66.7%	66.7% #ECBEBC	RGB 236 190 188	#ECBEBC
83.3%	83.3% #F5CEBC	RGB 245 206 188	#F5CEBC
100.0%	100.0% #FFE2BC	RGB 255 226 188	#FFE2BC

#C7B7C7 #D0B9CA #D9BAC9 #E3BCC4 #ECBEBC #F5CEBC #FFE2BC

#C7B7C7 - #E3BCC4 - #FFE2BC

CSS codes

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

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