#C7B9D3 - #FFE6CC | 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 #C7B9D3 to #FFE6CC

#C7B9D3 #FFE6CC

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

#C7B9D3 - #FFE6CC | 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 #C7B9D3 as 0% and #FFE6CC as 100%.

0.0%	0.0% #C7B9D3	RGB 199 185 211	#C7B9D3
16.7%	16.7% #D0C0D1	RGB 208 192 209	#D0C0D1
33.3%	33.3% #D9C8D0	RGB 217 200 208	#D9C8D0
50.0%	50.0% #E3CFCF	RGB 227 207 207	#E3CFCF
66.7%	66.7% #ECD7CE	RGB 236 215 206	#ECD7CE
83.3%	83.3% #F5DECD	RGB 245 222 205	#F5DECD
100.0%	100.0% #FFE6CC	RGB 255 230 204	#FFE6CC

#C7B9D3 #D0C0D1 #D9C8D0 #E3CFCF #ECD7CE #F5DECD #FFE6CC

#C7B9D3 - #FFE6CC

HSV Blend

#C7B9D3 - #FFE6CC | 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 #C7B9D3 as 0% and #FFE6CC as 100%.

0.0%	0.0% #C7B9D3	RGB 199 185 211	#C7B9D3
16.7%	16.7% #D6BCDA	RGB 214 188 218	#D6BCDA
33.3%	33.3% #E1C0DB	RGB 225 192 219	#E1C0DB
50.0%	50.0% #E9C3D5	RGB 233 195 213	#E9C3D5
66.7%	66.7% #F0C6CC	RGB 240 198 204	#F0C6CC
83.3%	83.3% #F7D1C9	RGB 247 209 201	#F7D1C9
100.0%	100.0% #FFE6CC	RGB 255 230 204	#FFE6CC

#C7B9D3 #D6BCDA #E1C0DB #E9C3D5 #F0C6CC #F7D1C9 #FFE6CC

#C7B9D3 - #E9C3D5 - #FFE6CC

CSS codes

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

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