#C2B6B7 - #D2BCDF | 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 #C2B6B7 to #D2BCDF

#C2B6B7 #D2BCDF

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

#C2B6B7 - #D2BCDF | 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 #C2B6B7 as 0% and #D2BCDF as 100%.

0.0%	0.0% #C2B6B7	RGB 194 182 183	#C2B6B7
16.7%	16.7% #C4B7BD	RGB 196 183 189	#C4B7BD
33.3%	33.3% #C7B8C4	RGB 199 184 196	#C7B8C4
50.0%	50.0% #CAB9CB	RGB 202 185 203	#CAB9CB
66.7%	66.7% #CCBAD1	RGB 204 186 209	#CCBAD1
83.3%	83.3% #CFBBD8	RGB 207 187 216	#CFBBD8
100.0%	100.0% #D2BCDF	RGB 210 188 223	#D2BCDF

#C2B6B7 #C4B7BD #C7B8C4 #CAB9CB #CCBAD1 #CFBBD8 #D2BCDF

#C2B6B7 - #D2BCDF

HSV Blend

#C2B6B7 - #D2BCDF | 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 #C2B6B7 as 0% and #D2BCDF as 100%.

0.0%	0.0% #C2B6B7	RGB 194 182 183	#C2B6B7
16.7%	16.7% #C6B7BB	RGB 198 183 187	#C6B7BB
33.3%	33.3% #CBB8C2	RGB 203 184 194	#CBB8C2
50.0%	50.0% #D0B9CA	RGB 208 185 202	#D0B9CA
66.7%	66.7% #D5BAD3	RGB 213 186 211	#D5BAD3
83.3%	83.3% #D5BBDA	RGB 213 187 218	#D5BBDA
100.0%	100.0% #D2BCDF	RGB 210 188 223	#D2BCDF

#C2B6B7 #C6B7BB #CBB8C2 #D0B9CA #D5BAD3 #D5BBDA #D2BCDF

#C2B6B7 - #D0B9CA - #D2BCDF

CSS codes

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

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