#C2B2B8 - #FFE7CA | 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 #C2B2B8 to #FFE7CA

#C2B2B8 #FFE7CA

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

#C2B2B8 - #FFE7CA | 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 #C2B2B8 as 0% and #FFE7CA as 100%.

0.0%	0.0% #C2B2B8	RGB 194 178 184	#C2B2B8
16.7%	16.7% #CCBABB	RGB 204 186 187	#CCBABB
33.3%	33.3% #D6C3BE	RGB 214 195 190	#D6C3BE
50.0%	50.0% #E0CCC1	RGB 224 204 193	#E0CCC1
66.7%	66.7% #EAD5C4	RGB 234 213 196	#EAD5C4
83.3%	83.3% #F4DEC7	RGB 244 222 199	#F4DEC7
100.0%	100.0% #FFE7CA	RGB 255 231 202	#FFE7CA

#C2B2B8 #CCBABB #D6C3BE #E0CCC1 #EAD5C4 #F4DEC7 #FFE7CA

#C2B2B8 - #FFE7CA

HSV Blend

#C2B2B8 - #FFE7CA | 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 #C2B2B8 as 0% and #FFE7CA as 100%.

0.0%	0.0% #C2B2B8	RGB 194 178 184	#C2B2B8
16.7%	16.7% #CCB7BB	RGB 204 183 187	#CCB7BB
33.3%	33.3% #D6BBBD	RGB 214 187 189	#D6BBBD
50.0%	50.0% #E0C2BF	RGB 224 194 191	#E0C2BF
66.7%	66.7% #EACDC3	RGB 234 205 195	#EACDC3
83.3%	83.3% #F4D9C7	RGB 244 217 199	#F4D9C7
100.0%	100.0% #FFE7CA	RGB 255 231 202	#FFE7CA

#C2B2B8 #CCB7BB #D6BBBD #E0C2BF #EACDC3 #F4D9C7 #FFE7CA

#C2B2B8 - #E0C2BF - #FFE7CA

CSS codes

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

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