#BCCCC5 - #DDCFD5 | 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 #BCCCC5 to #DDCFD5

#BCCCC5 #DDCFD5

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

#BCCCC5 - #DDCFD5 | 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 #BCCCC5 as 0% and #DDCFD5 as 100%.

0.0%	0.0% #BCCCC5	RGB 188 204 197	#BCCCC5
16.7%	16.7% #C1CCC7	RGB 193 204 199	#C1CCC7
33.3%	33.3% #C7CDCA	RGB 199 205 202	#C7CDCA
50.0%	50.0% #CCCDCD	RGB 204 205 205	#CCCDCD
66.7%	66.7% #D2CECF	RGB 210 206 207	#D2CECF
83.3%	83.3% #D7CED2	RGB 215 206 210	#D7CED2
100.0%	100.0% #DDCFD5	RGB 221 207 213	#DDCFD5

#BCCCC5 #C1CCC7 #C7CDCA #CCCDCD #D2CECF #D7CED2 #DDCFD5

#BCCCC5 - #DDCFD5

HSV Blend

#BCCCC5 - #DDCFD5 | 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 #BCCCC5 as 0% and #DDCFD5 as 100%.

0.0%	0.0% #BCCCC5	RGB 188 204 197	#BCCCC5
16.7%	16.7% #BFCEC0	RGB 191 206 192	#BFCEC0
33.3%	33.3% #C8D1C2	RGB 200 209 194	#C8D1C2
50.0%	50.0% #D3D4C5	RGB 211 212 197	#D3D4C5
66.7%	66.7% #D7D0C8	RGB 215 208 200	#D7D0C8
83.3%	83.3% #DACCCB	RGB 218 204 203	#DACCCB
100.0%	100.0% #DDCFD5	RGB 221 207 213	#DDCFD5

#BCCCC5 #BFCEC0 #C8D1C2 #D3D4C5 #D7D0C8 #DACCCB #DDCFD5

#BCCCC5 - #D3D4C5 - #DDCFD5

CSS codes

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

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