#CACBDB - #FFD2D2 | 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 #CACBDB to #FFD2D2

#CACBDB #FFD2D2

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

#CACBDB - #FFD2D2 | 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 #CACBDB as 0% and #FFD2D2 as 100%.

0.0%	0.0% #CACBDB	RGB 202 203 219	#CACBDB
16.7%	16.7% #D2CCD9	RGB 210 204 217	#D2CCD9
33.3%	33.3% #DBCDD8	RGB 219 205 216	#DBCDD8
50.0%	50.0% #E4CED6	RGB 228 206 214	#E4CED6
66.7%	66.7% #EDCFD5	RGB 237 207 213	#EDCFD5
83.3%	83.3% #F6D0D3	RGB 246 208 211	#F6D0D3
100.0%	100.0% #FFD2D2	RGB 255 210 210	#FFD2D2

#CACBDB #D2CCD9 #DBCDD8 #E4CED6 #EDCFD5 #F6D0D3 #FFD2D2

#CACBDB - #FFD2D2

HSV Blend

#CACBDB - #FFD2D2 | 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 #CACBDB as 0% and #FFD2D2 as 100%.

0.0%	0.0% #CACBDB	RGB 202 203 219	#CACBDB
16.7%	16.7% #D1CBE1	RGB 209 203 225	#D1CBE1
33.3%	33.3% #DDCDE7	RGB 221 205 231	#DDCDE7
50.0%	50.0% #ECCEED	RGB 236 206 237	#ECCEED
66.7%	66.7% #F3D0E8	RGB 243 208 232	#F3D0E8
83.3%	83.3% #F9D1DE	RGB 249 209 222	#F9D1DE
100.0%	100.0% #FFD2D2	RGB 255 210 210	#FFD2D2

#CACBDB #D1CBE1 #DDCDE7 #ECCEED #F3D0E8 #F9D1DE #FFD2D2

#CACBDB - #ECCEED - #FFD2D2

CSS codes

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

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