#C6B9C9 - #FFD4EE | 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 #C6B9C9 to #FFD4EE

#C6B9C9 #FFD4EE

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

#C6B9C9 - #FFD4EE | 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 #C6B9C9 as 0% and #FFD4EE as 100%.

0.0%	0.0% #C6B9C9	RGB 198 185 201	#C6B9C9
16.7%	16.7% #CFBDCF	RGB 207 189 207	#CFBDCF
33.3%	33.3% #D9C2D5	RGB 217 194 213	#D9C2D5
50.0%	50.0% #E2C6DB	RGB 226 198 219	#E2C6DB
66.7%	66.7% #ECCBE1	RGB 236 203 225	#ECCBE1
83.3%	83.3% #F5CFE7	RGB 245 207 231	#F5CFE7
100.0%	100.0% #FFD4EE	RGB 255 212 238	#FFD4EE

#C6B9C9 #CFBDCF #D9C2D5 #E2C6DB #ECCBE1 #F5CFE7 #FFD4EE

#C6B9C9 - #FFD4EE

HSV Blend

#C6B9C9 - #FFD4EE | 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 #C6B9C9 as 0% and #FFD4EE as 100%.

0.0%	0.0% #C6B9C9	RGB 198 185 201	#C6B9C9
16.7%	16.7% #D0BED2	RGB 208 190 210	#D0BED2
33.3%	33.3% #DBC3DA	RGB 219 195 218	#DBC3DA
50.0%	50.0% #E4C7E1	RGB 228 199 225	#E4C7E1
66.7%	66.7% #EDCCE6	RGB 237 204 230	#EDCCE6
83.3%	83.3% #F6D0EA	RGB 246 208 234	#F6D0EA
100.0%	100.0% #FFD4EE	RGB 255 212 238	#FFD4EE

#C6B9C9 #D0BED2 #DBC3DA #E4C7E1 #EDCCE6 #F6D0EA #FFD4EE

#C6B9C9 - #E4C7E1 - #FFD4EE

CSS codes

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

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