#CDC8C0 - #E4C6CB | 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 #CDC8C0 to #E4C6CB

#CDC8C0 #E4C6CB

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

#CDC8C0 - #E4C6CB | 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 #CDC8C0 as 0% and #E4C6CB as 100%.

0.0%	0.0% #CDC8C0	RGB 205 200 192	#CDC8C0
16.7%	16.7% #D0C7C1	RGB 208 199 193	#D0C7C1
33.3%	33.3% #D4C7C3	RGB 212 199 195	#D4C7C3
50.0%	50.0% #D8C7C5	RGB 216 199 197	#D8C7C5
66.7%	66.7% #DCC6C7	RGB 220 198 199	#DCC6C7
83.3%	83.3% #E0C6C9	RGB 224 198 201	#E0C6C9
100.0%	100.0% #E4C6CB	RGB 228 198 203	#E4C6CB

#CDC8C0 #D0C7C1 #D4C7C3 #D8C7C5 #DCC6C7 #E0C6C9 #E4C6CB

#CDC8C0 - #E4C6CB

HSV Blend

#CDC8C0 - #E4C6CB | 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 #CDC8C0 as 0% and #E4C6CB as 100%.

0.0%	0.0% #CDC8C0	RGB 205 200 192	#CDC8C0
16.7%	16.7% #D0C8C1	RGB 208 200 193	#D0C8C1
33.3%	33.3% #D4C8C2	RGB 212 200 194	#D4C8C2
50.0%	50.0% #D8C8C3	RGB 216 200 195	#D8C8C3
66.7%	66.7% #DCC6C4	RGB 220 198 196	#DCC6C4
83.3%	83.3% #E0C5C6	RGB 224 197 198	#E0C5C6
100.0%	100.0% #E4C6CB	RGB 228 198 203	#E4C6CB

#CDC8C0 #D0C8C1 #D4C8C2 #D8C8C3 #DCC6C4 #E0C5C6 #E4C6CB

#CDC8C0 - #D8C8C3 - #E4C6CB

CSS codes

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

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