#C3CBE4 - #DEE3E3 | 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 #C3CBE4 to #DEE3E3

#C3CBE4 #DEE3E3

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

#C3CBE4 - #DEE3E3 | 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 #C3CBE4 as 0% and #DEE3E3 as 100%.

0.0%	0.0% #C3CBE4	RGB 195 203 228	#C3CBE4
16.7%	16.7% #C7CFE3	RGB 199 207 227	#C7CFE3
33.3%	33.3% #CCD3E3	RGB 204 211 227	#CCD3E3
50.0%	50.0% #D0D7E3	RGB 208 215 227	#D0D7E3
66.7%	66.7% #D5DBE3	RGB 213 219 227	#D5DBE3
83.3%	83.3% #D9DFE3	RGB 217 223 227	#D9DFE3
100.0%	100.0% #DEE3E3	RGB 222 227 227	#DEE3E3

#C3CBE4 #C7CFE3 #CCD3E3 #D0D7E3 #D5DBE3 #D9DFE3 #DEE3E3

#C3CBE4 - #DEE3E3

HSV Blend

#C3CBE4 - #DEE3E3 | 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 #C3CBE4 as 0% and #DEE3E3 as 100%.

0.0%	0.0% #C3CBE4	RGB 195 203 228	#C3CBE4
16.7%	16.7% #C7D1E3	RGB 199 209 227	#C7D1E3
33.3%	33.3% #CCD7E3	RGB 204 215 227	#CCD7E3
50.0%	50.0% #D0DCE3	RGB 208 220 227	#D0DCE3
66.7%	66.7% #D5DFE3	RGB 213 223 227	#D5DFE3
83.3%	83.3% #D9E1E3	RGB 217 225 227	#D9E1E3
100.0%	100.0% #DEE3E3	RGB 222 227 227	#DEE3E3

#C3CBE4 #C7D1E3 #CCD7E3 #D0DCE3 #D5DFE3 #D9E1E3 #DEE3E3

#C3CBE4 - #D0DCE3 - #DEE3E3

CSS codes

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

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