#C4D3D5 - #E2DDDA | 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 #C4D3D5 to #E2DDDA

#C4D3D5 #E2DDDA

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

#C4D3D5 - #E2DDDA | 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 #C4D3D5 as 0% and #E2DDDA as 100%.

0.0%	0.0% #C4D3D5	RGB 196 211 213	#C4D3D5
16.7%	16.7% #C9D4D5	RGB 201 212 213	#C9D4D5
33.3%	33.3% #CED6D6	RGB 206 214 214	#CED6D6
50.0%	50.0% #D3D8D7	RGB 211 216 215	#D3D8D7
66.7%	66.7% #D8D9D8	RGB 216 217 216	#D8D9D8
83.3%	83.3% #DDDBD9	RGB 221 219 217	#DDDBD9
100.0%	100.0% #E2DDDA	RGB 226 221 218	#E2DDDA

#C4D3D5 #C9D4D5 #CED6D6 #D3D8D7 #D8D9D8 #DDDBD9 #E2DDDA

#C4D3D5 - #E2DDDA

HSV Blend

#C4D3D5 - #E2DDDA | 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 #C4D3D5 as 0% and #E2DDDA as 100%.

0.0%	0.0% #C4D3D5	RGB 196 211 213	#C4D3D5
16.7%	16.7% #C7D7D1	RGB 199 215 209	#C7D7D1
33.3%	33.3% #CBD9CE	RGB 203 217 206	#CBD9CE
50.0%	50.0% #D2DBCE	RGB 210 219 206	#D2DBCE
66.7%	66.7% #DADDD2	RGB 218 221 210	#DADDD2
83.3%	83.3% #DFDED6	RGB 223 222 214	#DFDED6
100.0%	100.0% #E2DDDA	RGB 226 221 218	#E2DDDA

#C4D3D5 #C7D7D1 #CBD9CE #D2DBCE #DADDD2 #DFDED6 #E2DDDA

#C4D3D5 - #D2DBCE - #E2DDDA

CSS codes

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

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