#C7BDCB - #FFE6C3 | 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 #C7BDCB to #FFE6C3

#C7BDCB #FFE6C3

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

#C7BDCB - #FFE6C3 | 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 #C7BDCB as 0% and #FFE6C3 as 100%.

0.0%	0.0% #C7BDCB	RGB 199 189 203	#C7BDCB
16.7%	16.7% #D0C3C9	RGB 208 195 201	#D0C3C9
33.3%	33.3% #D9CAC8	RGB 217 202 200	#D9CAC8
50.0%	50.0% #E3D1C7	RGB 227 209 199	#E3D1C7
66.7%	66.7% #ECD8C5	RGB 236 216 197	#ECD8C5
83.3%	83.3% #F5DFC4	RGB 245 223 196	#F5DFC4
100.0%	100.0% #FFE6C3	RGB 255 230 195	#FFE6C3

#C7BDCB #D0C3C9 #D9CAC8 #E3D1C7 #ECD8C5 #F5DFC4 #FFE6C3

#C7BDCB - #FFE6C3

HSV Blend

#C7BDCB - #FFE6C3 | 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 #C7BDCB as 0% and #FFE6C3 as 100%.

0.0%	0.0% #C7BDCB	RGB 199 189 203	#C7BDCB
16.7%	16.7% #D3BFD3	RGB 211 191 211	#D3BFD3
33.3%	33.3% #DCC0D3	RGB 220 192 211	#DCC0D3
50.0%	50.0% #E5C2CE	RGB 229 194 206	#E5C2CE
66.7%	66.7% #EDC2C4	RGB 237 194 196	#EDC2C4
83.3%	83.3% #F6D1C3	RGB 246 209 195	#F6D1C3
100.0%	100.0% #FFE6C3	RGB 255 230 195	#FFE6C3

#C7BDCB #D3BFD3 #DCC0D3 #E5C2CE #EDC2C4 #F6D1C3 #FFE6C3

#C7BDCB - #E5C2CE - #FFE6C3

CSS codes

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

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