#CAD3CE - #E5CBFF | 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 #CAD3CE to #E5CBFF

#CAD3CE #E5CBFF

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

#CAD3CE - #E5CBFF | 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 #CAD3CE as 0% and #E5CBFF as 100%.

0.0%	0.0% #CAD3CE	RGB 202 211 206	#CAD3CE
16.7%	16.7% #CED1D6	RGB 206 209 214	#CED1D6
33.3%	33.3% #D3D0DE	RGB 211 208 222	#D3D0DE
50.0%	50.0% #D7CFE6	RGB 215 207 230	#D7CFE6
66.7%	66.7% #DCCDEE	RGB 220 205 238	#DCCDEE
83.3%	83.3% #E0CCF6	RGB 224 204 246	#E0CCF6
100.0%	100.0% #E5CBFF	RGB 229 203 255	#E5CBFF

#CAD3CE #CED1D6 #D3D0DE #D7CFE6 #DCCDEE #E0CCF6 #E5CBFF

#CAD3CE - #E5CBFF

HSV Blend

#CAD3CE - #E5CBFF | 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 #CAD3CE as 0% and #E5CBFF as 100%.

0.0%	0.0% #CAD3CE	RGB 202 211 206	#CAD3CE
16.7%	16.7% #CBDAD7	RGB 203 218 215	#CBDAD7
33.3%	33.3% #CBDEE1	RGB 203 222 225	#CBDEE1
50.0%	50.0% #CCDBE9	RGB 204 219 233	#CCDBE9
66.7%	66.7% #CCD2F0	RGB 204 210 240	#CCD2F0
83.3%	83.3% #D2CBF7	RGB 210 203 247	#D2CBF7
100.0%	100.0% #E5CBFF	RGB 229 203 255	#E5CBFF

#CAD3CE #CBDAD7 #CBDEE1 #CCDBE9 #CCD2F0 #D2CBF7 #E5CBFF

#CAD3CE - #CCDBE9 - #E5CBFF

CSS codes

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

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