#C7D5B8 - #E2DBE6 | 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 #C7D5B8 to #E2DBE6

#C7D5B8 #E2DBE6

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

#C7D5B8 - #E2DBE6 | 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 #C7D5B8 as 0% and #E2DBE6 as 100%.

0.0%	0.0% #C7D5B8	RGB 199 213 184	#C7D5B8
16.7%	16.7% #CBD6BF	RGB 203 214 191	#CBD6BF
33.3%	33.3% #D0D7C7	RGB 208 215 199	#D0D7C7
50.0%	50.0% #D4D8CF	RGB 212 216 207	#D4D8CF
66.7%	66.7% #D9D9D6	RGB 217 217 214	#D9D9D6
83.3%	83.3% #DDDADE	RGB 221 218 222	#DDDADE
100.0%	100.0% #E2DBE6	RGB 226 219 230	#E2DBE6

#C7D5B8 #CBD6BF #D0D7C7 #D4D8CF #D9D9D6 #DDDADE #E2DBE6

#C7D5B8 - #E2DBE6

HSV Blend

#C7D5B8 - #E2DBE6 | 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 #C7D5B8 as 0% and #E2DBE6 as 100%.

0.0%	0.0% #C7D5B8	RGB 199 213 184	#C7D5B8
16.7%	16.7% #D7D7BD	RGB 215 215 189	#D7D7BD
33.3%	33.3% #DACFC3	RGB 218 207 195	#DACFC3
50.0%	50.0% #DDCAC9	RGB 221 202 201	#DDCAC9
66.7%	66.7% #E0CED6	RGB 224 206 214	#E0CED6
83.3%	83.3% #E3D4E1	RGB 227 212 225	#E3D4E1
100.0%	100.0% #E2DBE6	RGB 226 219 230	#E2DBE6

#C7D5B8 #D7D7BD #DACFC3 #DDCAC9 #E0CED6 #E3D4E1 #E2DBE6

#C7D5B8 - #DDCAC9 - #E2DBE6

CSS codes

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

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