#C7BDC6 - #FFEFDC | 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 #C7BDC6 to #FFEFDC

#C7BDC6 #FFEFDC

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

#C7BDC6 - #FFEFDC | 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 #C7BDC6 as 0% and #FFEFDC as 100%.

0.0%	0.0% #C7BDC6	RGB 199 189 198	#C7BDC6
16.7%	16.7% #D0C5C9	RGB 208 197 201	#D0C5C9
33.3%	33.3% #D9CDCD	RGB 217 205 205	#D9CDCD
50.0%	50.0% #E3D6D1	RGB 227 214 209	#E3D6D1
66.7%	66.7% #ECDED4	RGB 236 222 212	#ECDED4
83.3%	83.3% #F5E6D8	RGB 245 230 216	#F5E6D8
100.0%	100.0% #FFEFDC	RGB 255 239 220	#FFEFDC

#C7BDC6 #D0C5C9 #D9CDCD #E3D6D1 #ECDED4 #F5E6D8 #FFEFDC

#C7BDC6 - #FFEFDC

HSV Blend

#C7BDC6 - #FFEFDC | 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 #C7BDC6 as 0% and #FFEFDC as 100%.

0.0%	0.0% #C7BDC6	RGB 199 189 198	#C7BDC6
16.7%	16.7% #D0C2CB	RGB 208 194 203	#D0C2CB
33.3%	33.3% #D9C8CF	RGB 217 200 207	#D9C8CF
50.0%	50.0% #E3CDD1	RGB 227 205 209	#E3CDD1
66.7%	66.7% #ECD4D2	RGB 236 212 210	#ECD4D2
83.3%	83.3% #F5E0D7	RGB 245 224 215	#F5E0D7
100.0%	100.0% #FFEFDC	RGB 255 239 220	#FFEFDC

#C7BDC6 #D0C2CB #D9C8CF #E3CDD1 #ECD4D2 #F5E0D7 #FFEFDC

#C7BDC6 - #E3CDD1 - #FFEFDC

CSS codes

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

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