#CACAF2 - #D5E3EB | 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 #CACAF2 to #D5E3EB

#CACAF2 #D5E3EB

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

#CACAF2 - #D5E3EB | 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 #CACAF2 as 0% and #D5E3EB as 100%.

0.0%	0.0% #CACAF2	RGB 202 202 242	#CACAF2
16.7%	16.7% #CBCEF0	RGB 203 206 240	#CBCEF0
33.3%	33.3% #CDD2EF	RGB 205 210 239	#CDD2EF
50.0%	50.0% #CFD6EE	RGB 207 214 238	#CFD6EE
66.7%	66.7% #D1DAED	RGB 209 218 237	#D1DAED
83.3%	83.3% #D3DEEC	RGB 211 222 236	#D3DEEC
100.0%	100.0% #D5E3EB	RGB 213 227 235	#D5E3EB

#CACAF2 #CBCEF0 #CDD2EF #CFD6EE #D1DAED #D3DEEC #D5E3EB

#CACAF2 - #D5E3EB

HSV Blend

#CACAF2 - #D5E3EB | 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 #CACAF2 as 0% and #D5E3EB as 100%.

0.0%	0.0% #CACAF2	RGB 202 202 242	#CACAF2
16.7%	16.7% #CBCFF0	RGB 203 207 240	#CBCFF0
33.3%	33.3% #CDD4EF	RGB 205 212 239	#CDD4EF
50.0%	50.0% #CFD9EE	RGB 207 217 238	#CFD9EE
66.7%	66.7% #D1DDED	RGB 209 221 237	#D1DDED
83.3%	83.3% #D3E0EC	RGB 211 224 236	#D3E0EC
100.0%	100.0% #D5E3EB	RGB 213 227 235	#D5E3EB

#CACAF2 #CBCFF0 #CDD4EF #CFD9EE #D1DDED #D3E0EC #D5E3EB

#CACAF2 - #CFD9EE - #D5E3EB

CSS codes

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

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