#C1CBBE - #E4D5E6 | 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 #C1CBBE to #E4D5E6

#C1CBBE #E4D5E6

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

#C1CBBE - #E4D5E6 | 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 #C1CBBE as 0% and #E4D5E6 as 100%.

0.0%	0.0% #C1CBBE	RGB 193 203 190	#C1CBBE
16.7%	16.7% #C6CCC4	RGB 198 204 196	#C6CCC4
33.3%	33.3% #CCCECB	RGB 204 206 203	#CCCECB
50.0%	50.0% #D2D0D2	RGB 210 208 210	#D2D0D2
66.7%	66.7% #D8D1D8	RGB 216 209 216	#D8D1D8
83.3%	83.3% #DED3DF	RGB 222 211 223	#DED3DF
100.0%	100.0% #E4D5E6	RGB 228 213 230	#E4D5E6

#C1CBBE #C6CCC4 #CCCECB #D2D0D2 #D8D1D8 #DED3DF #E4D5E6

#C1CBBE - #E4D5E6

HSV Blend

#C1CBBE - #E4D5E6 | 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 #C1CBBE as 0% and #E4D5E6 as 100%.

0.0%	0.0% #C1CBBE	RGB 193 203 190	#C1CBBE
16.7%	16.7% #CBCFC1	RGB 203 207 193	#CBCFC1
33.3%	33.3% #D4D1C5	RGB 212 209 197	#D4D1C5
50.0%	50.0% #D8CEC9	RGB 216 206 201	#D8CEC9
66.7%	66.7% #DDCDCF	RGB 221 205 207	#DDCDCF
83.3%	83.3% #E1D1DB	RGB 225 209 219	#E1D1DB
100.0%	100.0% #E4D5E6	RGB 228 213 230	#E4D5E6

#C1CBBE #CBCFC1 #D4D1C5 #D8CEC9 #DDCDCF #E1D1DB #E4D5E6

#C1CBBE - #D8CEC9 - #E4D5E6

CSS codes

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

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