#C4CBDA - #FFD4D6 | 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 #C4CBDA to #FFD4D6

#C4CBDA #FFD4D6

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

#C4CBDA - #FFD4D6 | 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 #C4CBDA as 0% and #FFD4D6 as 100%.

0.0%	0.0% #C4CBDA	RGB 196 203 218	#C4CBDA
16.7%	16.7% #CDCCD9	RGB 205 204 217	#CDCCD9
33.3%	33.3% #D7CED8	RGB 215 206 216	#D7CED8
50.0%	50.0% #E1CFD8	RGB 225 207 216	#E1CFD8
66.7%	66.7% #EBD1D7	RGB 235 209 215	#EBD1D7
83.3%	83.3% #F5D2D6	RGB 245 210 214	#F5D2D6
100.0%	100.0% #FFD4D6	RGB 255 212 214	#FFD4D6

#C4CBDA #CDCCD9 #D7CED8 #E1CFD8 #EBD1D7 #F5D2D6 #FFD4D6

#C4CBDA - #FFD4D6

HSV Blend

#C4CBDA - #FFD4D6 | 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 #C4CBDA as 0% and #FFD4D6 as 100%.

0.0%	0.0% #C4CBDA	RGB 196 203 218	#C4CBDA
16.7%	16.7% #C8C7E0	RGB 200 199 224	#C8C7E0
33.3%	33.3% #D6C9E6	RGB 214 201 230	#D6C9E6
50.0%	50.0% #E6CCEC	RGB 230 204 236	#E6CCEC
66.7%	66.7% #F2CFEB	RGB 242 207 235	#F2CFEB
83.3%	83.3% #F8D1E2	RGB 248 209 226	#F8D1E2
100.0%	100.0% #FFD4D6	RGB 255 212 214	#FFD4D6

#C4CBDA #C8C7E0 #D6C9E6 #E6CCEC #F2CFEB #F8D1E2 #FFD4D6

#C4CBDA - #E6CCEC - #FFD4D6

CSS codes

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

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