#C7B7AD - #E2BBD3 | 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 #C7B7AD to #E2BBD3

#C7B7AD #E2BBD3

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

#C7B7AD - #E2BBD3 | 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 #C7B7AD as 0% and #E2BBD3 as 100%.

0.0%	0.0% #C7B7AD	RGB 199 183 173	#C7B7AD
16.7%	16.7% #CBB7B3	RGB 203 183 179	#CBB7B3
33.3%	33.3% #D0B8B9	RGB 208 184 185	#D0B8B9
50.0%	50.0% #D4B9C0	RGB 212 185 192	#D4B9C0
66.7%	66.7% #D9B9C6	RGB 217 185 198	#D9B9C6
83.3%	83.3% #DDBACC	RGB 221 186 204	#DDBACC
100.0%	100.0% #E2BBD3	RGB 226 187 211	#E2BBD3

#C7B7AD #CBB7B3 #D0B8B9 #D4B9C0 #D9B9C6 #DDBACC #E2BBD3

#C7B7AD - #E2BBD3

HSV Blend

#C7B7AD - #E2BBD3 | 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 #C7B7AD as 0% and #E2BBD3 as 100%.

0.0%	0.0% #C7B7AD	RGB 199 183 173	#C7B7AD
16.7%	16.7% #CBB5AF	RGB 203 181 175	#CBB5AF
33.3%	33.3% #D0B3B1	RGB 208 179 177	#D0B3B1
50.0%	50.0% #D4B4B8	RGB 212 180 184	#D4B4B8
66.7%	66.7% #D9B6C0	RGB 217 182 192	#D9B6C0
83.3%	83.3% #DDB8C9	RGB 221 184 201	#DDB8C9
100.0%	100.0% #E2BBD3	RGB 226 187 211	#E2BBD3

#C7B7AD #CBB5AF #D0B3B1 #D4B4B8 #D9B6C0 #DDB8C9 #E2BBD3

#C7B7AD - #D4B4B8 - #E2BBD3

CSS codes

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

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