#CBBDAD - #E6B9C5 | 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 #CBBDAD to #E6B9C5

#CBBDAD #E6B9C5

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

#CBBDAD - #E6B9C5 | 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 #CBBDAD as 0% and #E6B9C5 as 100%.

0.0%	0.0% #CBBDAD	RGB 203 189 173	#CBBDAD
16.7%	16.7% #CFBCB1	RGB 207 188 177	#CFBCB1
33.3%	33.3% #D4BBB5	RGB 212 187 181	#D4BBB5
50.0%	50.0% #D8BBB9	RGB 216 187 185	#D8BBB9
66.7%	66.7% #DDBABD	RGB 221 186 189	#DDBABD
83.3%	83.3% #E1B9C1	RGB 225 185 193	#E1B9C1
100.0%	100.0% #E6B9C5	RGB 230 185 197	#E6B9C5

#CBBDAD #CFBCB1 #D4BBB5 #D8BBB9 #DDBABD #E1B9C1 #E6B9C5

#CBBDAD - #E6B9C5

HSV Blend

#CBBDAD - #E6B9C5 | 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 #CBBDAD as 0% and #E6B9C5 as 100%.

0.0%	0.0% #CBBDAD	RGB 203 189 173	#CBBDAD
16.7%	16.7% #CFBCAF	RGB 207 188 175	#CFBCAF
33.3%	33.3% #D4BAB1	RGB 212 186 177	#D4BAB1
50.0%	50.0% #D8B8B3	RGB 216 184 179	#D8B8B3
66.7%	66.7% #DDB5B5	RGB 221 181 181	#DDB5B5
83.3%	83.3% #E1B7BC	RGB 225 183 188	#E1B7BC
100.0%	100.0% #E6B9C5	RGB 230 185 197	#E6B9C5

#CBBDAD #CFBCAF #D4BAB1 #D8B8B3 #DDB5B5 #E1B7BC #E6B9C5

#CBBDAD - #D8B8B3 - #E6B9C5

CSS codes

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

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