#C3CAD5 - #E4E3DB | 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 #C3CAD5 to #E4E3DB

#C3CAD5 #E4E3DB

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

#C3CAD5 - #E4E3DB | 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 #C3CAD5 as 0% and #E4E3DB as 100%.

0.0%	0.0% #C3CAD5	RGB 195 202 213	#C3CAD5
16.7%	16.7% #C8CED6	RGB 200 206 214	#C8CED6
33.3%	33.3% #CED2D7	RGB 206 210 215	#CED2D7
50.0%	50.0% #D3D6D8	RGB 211 214 216	#D3D6D8
66.7%	66.7% #D9DAD9	RGB 217 218 217	#D9DAD9
83.3%	83.3% #DEDEDA	RGB 222 222 218	#DEDEDA
100.0%	100.0% #E4E3DB	RGB 228 227 219	#E4E3DB

#C3CAD5 #C8CED6 #CED2D7 #D3D6D8 #D9DAD9 #DEDEDA #E4E3DB

#C3CAD5 - #E4E3DB

HSV Blend

#C3CAD5 - #E4E3DB | 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 #C3CAD5 as 0% and #E4E3DB as 100%.

0.0%	0.0% #C3CAD5	RGB 195 202 213	#C3CAD5
16.7%	16.7% #C6D4D7	RGB 198 212 215	#C6D4D7
33.3%	33.3% #CADAD5	RGB 202 218 213	#CADAD5
50.0%	50.0% #CEDCD2	RGB 206 220 210	#CEDCD2
66.7%	66.7% #D5DFD2	RGB 213 223 210	#D5DFD2
83.3%	83.3% #DDE1D6	RGB 221 225 214	#DDE1D6
100.0%	100.0% #E4E3DB	RGB 228 227 219	#E4E3DB

#C3CAD5 #C6D4D7 #CADAD5 #CEDCD2 #D5DFD2 #DDE1D6 #E4E3DB

#C3CAD5 - #CEDCD2 - #E4E3DB

CSS codes

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

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