#C7B5C2 - #EFE9EC | 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 #C7B5C2 to #EFE9EC

#C7B5C2 #EFE9EC

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

#C7B5C2 - #EFE9EC | 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 #C7B5C2 as 0% and #EFE9EC as 100%.

0.0%	0.0% #C7B5C2	RGB 199 181 194	#C7B5C2
16.7%	16.7% #CDBDC9	RGB 205 189 201	#CDBDC9
33.3%	33.3% #D4C6D0	RGB 212 198 208	#D4C6D0
50.0%	50.0% #DBCFD7	RGB 219 207 215	#DBCFD7
66.7%	66.7% #E1D7DE	RGB 225 215 222	#E1D7DE
83.3%	83.3% #E8E0E5	RGB 232 224 229	#E8E0E5
100.0%	100.0% #EFE9EC	RGB 239 233 236	#EFE9EC

#C7B5C2 #CDBDC9 #D4C6D0 #DBCFD7 #E1D7DE #E8E0E5 #EFE9EC

#C7B5C2 - #EFE9EC

HSV Blend

#C7B5C2 - #EFE9EC | 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 #C7B5C2 as 0% and #EFE9EC as 100%.

0.0%	0.0% #C7B5C2	RGB 199 181 194	#C7B5C2
16.7%	16.7% #CDBDC8	RGB 205 189 200	#CDBDC8
33.3%	33.3% #D4C5CF	RGB 212 197 207	#D4C5CF
50.0%	50.0% #DBCED6	RGB 219 206 214	#DBCED6
66.7%	66.7% #E1D7DD	RGB 225 215 221	#E1D7DD
83.3%	83.3% #E8DFE4	RGB 232 223 228	#E8DFE4
100.0%	100.0% #EFE9EC	RGB 239 233 236	#EFE9EC

#C7B5C2 #CDBDC8 #D4C5CF #DBCED6 #E1D7DD #E8DFE4 #EFE9EC

#C7B5C2 - #DBCED6 - #EFE9EC

CSS codes

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

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