#C3CBF0 - #E3E3EB | 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 #C3CBF0 to #E3E3EB

#C3CBF0 #E3E3EB

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

#C3CBF0 - #E3E3EB | 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 #C3CBF0 as 0% and #E3E3EB as 100%.

0.0%	0.0% #C3CBF0	RGB 195 203 240	#C3CBF0
16.7%	16.7% #C8CFEF	RGB 200 207 239	#C8CFEF
33.3%	33.3% #CDD3EE	RGB 205 211 238	#CDD3EE
50.0%	50.0% #D3D7ED	RGB 211 215 237	#D3D7ED
66.7%	66.7% #D8DBEC	RGB 216 219 236	#D8DBEC
83.3%	83.3% #DDDFEB	RGB 221 223 235	#DDDFEB
100.0%	100.0% #E3E3EB	RGB 227 227 235	#E3E3EB

#C3CBF0 #C8CFEF #CDD3EE #D3D7ED #D8DBEC #DDDFEB #E3E3EB

#C3CBF0 - #E3E3EB

HSV Blend

#C3CBF0 - #E3E3EB | 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 #C3CBF0 as 0% and #E3E3EB as 100%.

0.0%	0.0% #C3CBF0	RGB 195 203 240	#C3CBF0
16.7%	16.7% #C8CEEF	RGB 200 206 239	#C8CEEF
33.3%	33.3% #CDD1EE	RGB 205 209 238	#CDD1EE
50.0%	50.0% #D3D5ED	RGB 211 213 237	#D3D5ED
66.7%	66.7% #D8D9EC	RGB 216 217 236	#D8D9EC
83.3%	83.3% #DDDEEB	RGB 221 222 235	#DDDEEB
100.0%	100.0% #E3E3EB	RGB 227 227 235	#E3E3EB

#C3CBF0 #C8CEEF #CDD1EE #D3D5ED #D8D9EC #DDDEEB #E3E3EB

#C3CBF0 - #D3D5ED - #E3E3EB

CSS codes

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

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