#D3C5C2 - #CFFFEB | 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 #D3C5C2 to #CFFFEB

#D3C5C2 #CFFFEB

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

#D3C5C2 - #CFFFEB | 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 #D3C5C2 as 0% and #CFFFEB as 100%.

0.0%	0.0% #D3C5C2	RGB 211 197 194	#D3C5C2
16.7%	16.7% #D2CEC8	RGB 210 206 200	#D2CEC8
33.3%	33.3% #D1D8CF	RGB 209 216 207	#D1D8CF
50.0%	50.0% #D1E2D6	RGB 209 226 214	#D1E2D6
66.7%	66.7% #D0EBDD	RGB 208 235 221	#D0EBDD
83.3%	83.3% #CFF5E4	RGB 207 245 228	#CFF5E4
100.0%	100.0% #CFFFEB	RGB 207 255 235	#CFFFEB

#D3C5C2 #D2CEC8 #D1D8CF #D1E2D6 #D0EBDD #CFF5E4 #CFFFEB

#D3C5C2 - #CFFFEB

HSV Blend

#D3C5C2 - #CFFFEB | 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 #D3C5C2 as 0% and #CFFFEB as 100%.

0.0%	0.0% #D3C5C2	RGB 211 197 194	#D3C5C2
16.7%	16.7% #DAD1C4	RGB 218 209 196	#DAD1C4
33.3%	33.3% #E1E1C7	RGB 225 225 199	#E1E1C7
50.0%	50.0% #DDE9C9	RGB 221 233 201	#DDE9C9
66.7%	66.7% #D3F0CB	RGB 211 240 203	#D3F0CB
83.3%	83.3% #CDF7D5	RGB 205 247 213	#CDF7D5
100.0%	100.0% #CFFFEB	RGB 207 255 235	#CFFFEB

#D3C5C2 #DAD1C4 #E1E1C7 #DDE9C9 #D3F0CB #CDF7D5 #CFFFEB

#D3C5C2 - #DDE9C9 - #CFFFEB

CSS codes

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

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