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

#C3B8C6 #FFD4D6

Calculate the color between two colors, #C3B8C6 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)

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

0.0%	0.0% #C3B8C6	RGB 195 184 198	#C3B8C6
16.7%	16.7% #CDBCC8	RGB 205 188 200	#CDBCC8
33.3%	33.3% #D7C1CB	RGB 215 193 203	#D7C1CB
50.0%	50.0% #E1C6CE	RGB 225 198 206	#E1C6CE
66.7%	66.7% #EBCAD0	RGB 235 202 208	#EBCAD0
83.3%	83.3% #F5CFD3	RGB 245 207 211	#F5CFD3
100.0%	100.0% #FFD4D6	RGB 255 212 214	#FFD4D6

#C3B8C6 #CDBCC8 #D7C1CB #E1C6CE #EBCAD0 #F5CFD3 #FFD4D6

#C3B8C6 - #FFD4D6

HSV Blend

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

0.0%	0.0% #C3B8C6	RGB 195 184 198	#C3B8C6
16.7%	16.7% #CFBDCF	RGB 207 189 207	#CFBDCF
33.3%	33.3% #D9C2D5	RGB 217 194 213	#D9C2D5
50.0%	50.0% #E2C7D8	RGB 226 199 216	#E2C7D8
66.7%	66.7% #ECCBD9	RGB 236 203 217	#ECCBD9
83.3%	83.3% #F5D0D9	RGB 245 208 217	#F5D0D9
100.0%	100.0% #FFD4D6	RGB 255 212 214	#FFD4D6

#C3B8C6 #CFBDCF #D9C2D5 #E2C7D8 #ECCBD9 #F5D0D9 #FFD4D6

#C3B8C6 - #E2C7D8 - #FFD4D6

CSS codes

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

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