#C5CDAB - #E2D6EB | 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 #C5CDAB to #E2D6EB

#C5CDAB #E2D6EB

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

#C5CDAB - #E2D6EB | 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 #C5CDAB as 0% and #E2D6EB as 100%.

0.0%	0.0% #C5CDAB	RGB 197 205 171	#C5CDAB
16.7%	16.7% #C9CEB5	RGB 201 206 181	#C9CEB5
33.3%	33.3% #CED0C0	RGB 206 208 192	#CED0C0
50.0%	50.0% #D3D1CB	RGB 211 209 203	#D3D1CB
66.7%	66.7% #D8D3D5	RGB 216 211 213	#D8D3D5
83.3%	83.3% #DDD4E0	RGB 221 212 224	#DDD4E0
100.0%	100.0% #E2D6EB	RGB 226 214 235	#E2D6EB

#C5CDAB #C9CEB5 #CED0C0 #D3D1CB #D8D3D5 #DDD4E0 #E2D6EB

#C5CDAB - #E2D6EB

HSV Blend

#C5CDAB - #E2D6EB | 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 #C5CDAB as 0% and #E2D6EB as 100%.

0.0%	0.0% #C5CDAB	RGB 197 205 171	#C5CDAB
16.7%	16.7% #D2CBB1	RGB 210 203 177	#D2CBB1
33.3%	33.3% #D7C3B8	RGB 215 195 184	#D7C3B8
50.0%	50.0% #DCBFC2	RGB 220 191 194	#DCBFC2
66.7%	66.7% #E1C7D5	RGB 225 199 213	#E1C7D5
83.3%	83.3% #E6CEE5	RGB 230 206 229	#E6CEE5
100.0%	100.0% #E2D6EB	RGB 226 214 235	#E2D6EB

#C5CDAB #D2CBB1 #D7C3B8 #DCBFC2 #E1C7D5 #E6CEE5 #E2D6EB

#C5CDAB - #DCBFC2 - #E2D6EB

CSS codes

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

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