#BBCBA2 - #DCD3E4 | 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 #BBCBA2 to #DCD3E4

#BBCBA2 #DCD3E4

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

#BBCBA2 - #DCD3E4 | 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 #BBCBA2 as 0% and #DCD3E4 as 100%.

0.0%	0.0% #BBCBA2	RGB 187 203 162	#BBCBA2
16.7%	16.7% #C0CCAD	RGB 192 204 173	#C0CCAD
33.3%	33.3% #C6CDB8	RGB 198 205 184	#C6CDB8
50.0%	50.0% #CBCFC3	RGB 203 207 195	#CBCFC3
66.7%	66.7% #D1D0CE	RGB 209 208 206	#D1D0CE
83.3%	83.3% #D6D1D9	RGB 214 209 217	#D6D1D9
100.0%	100.0% #DCD3E4	RGB 220 211 228	#DCD3E4

#BBCBA2 #C0CCAD #C6CDB8 #CBCFC3 #D1D0CE #D6D1D9 #DCD3E4

#BBCBA2 - #DCD3E4

HSV Blend

#BBCBA2 - #DCD3E4 | 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 #BBCBA2 as 0% and #DCD3E4 as 100%.

0.0%	0.0% #BBCBA2	RGB 187 203 162	#BBCBA2
16.7%	16.7% #CFCBA9	RGB 207 203 169	#CFCBA9
33.3%	33.3% #D3C0B1	RGB 211 192 177	#D3C0B1
50.0%	50.0% #D7B9BA	RGB 215 185 186	#D7B9BA
66.7%	66.7% #DBC1CF	RGB 219 193 207	#DBC1CF
83.3%	83.3% #DFCADF	RGB 223 202 223	#DFCADF
100.0%	100.0% #DCD3E4	RGB 220 211 228	#DCD3E4

#BBCBA2 #CFCBA9 #D3C0B1 #D7B9BA #DBC1CF #DFCADF #DCD3E4

#BBCBA2 - #D7B9BA - #DCD3E4

CSS codes

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

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