#C8D3A5 - #E2BDC2 | 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 #C8D3A5 to #E2BDC2

#C8D3A5 #E2BDC2

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

#C8D3A5 - #E2BDC2 | 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 #C8D3A5 as 0% and #E2BDC2 as 100%.

0.0%	0.0% #C8D3A5	RGB 200 211 165	#C8D3A5
16.7%	16.7% #CCCFA9	RGB 204 207 169	#CCCFA9
33.3%	33.3% #D0CBAE	RGB 208 203 174	#D0CBAE
50.0%	50.0% #D5C8B3	RGB 213 200 179	#D5C8B3
66.7%	66.7% #D9C4B8	RGB 217 196 184	#D9C4B8
83.3%	83.3% #DDC0BD	RGB 221 192 189	#DDC0BD
100.0%	100.0% #E2BDC2	RGB 226 189 194	#E2BDC2

#C8D3A5 #CCCFA9 #D0CBAE #D5C8B3 #D9C4B8 #DDC0BD #E2BDC2

#C8D3A5 - #E2BDC2

HSV Blend

#C8D3A5 - #E2BDC2 | 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 #C8D3A5 as 0% and #E2BDC2 as 100%.

0.0%	0.0% #C8D3A5	RGB 200 211 165	#C8D3A5
16.7%	16.7% #D5D5A8	RGB 213 213 168	#D5D5A8
33.3%	33.3% #D8CEAC	RGB 216 206 172	#D8CEAC
50.0%	50.0% #DAC7B0	RGB 218 199 176	#DAC7B0
66.7%	66.7% #DDC1B4	RGB 221 193 180	#DDC1B4
83.3%	83.3% #DFBCB8	RGB 223 188 184	#DFBCB8
100.0%	100.0% #E2BDC2	RGB 226 189 194	#E2BDC2

#C8D3A5 #D5D5A8 #D8CEAC #DAC7B0 #DDC1B4 #DFBCB8 #E2BDC2

#C8D3A5 - #DAC7B0 - #E2BDC2

CSS codes

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

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