#B0BCB0 - #CDECC8 | 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 #B0BCB0 to #CDECC8

#B0BCB0 #CDECC8

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

#B0BCB0 - #CDECC8 | 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 #B0BCB0 as 0% and #CDECC8 as 100%.

0.0%	0.0% #B0BCB0	RGB 176 188 176	#B0BCB0
16.7%	16.7% #B4C4B4	RGB 180 196 180	#B4C4B4
33.3%	33.3% #B9CCB8	RGB 185 204 184	#B9CCB8
50.0%	50.0% #BED4BC	RGB 190 212 188	#BED4BC
66.7%	66.7% #C3DCC0	RGB 195 220 192	#C3DCC0
83.3%	83.3% #C8E4C4	RGB 200 228 196	#C8E4C4
100.0%	100.0% #CDECC8	RGB 205 236 200	#CDECC8

#B0BCB0 #B4C4B4 #B9CCB8 #BED4BC #C3DCC0 #C8E4C4 #CDECC8

#B0BCB0 - #CDECC8

HSV Blend

#B0BCB0 - #CDECC8 | 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 #B0BCB0 as 0% and #CDECC8 as 100%.

0.0%	0.0% #B0BCB0	RGB 176 188 176	#B0BCB0
16.7%	16.7% #B4C4B4	RGB 180 196 180	#B4C4B4
33.3%	33.3% #B9CCB8	RGB 185 204 184	#B9CCB8
50.0%	50.0% #BED4BD	RGB 190 212 189	#BED4BD
66.7%	66.7% #C3DCC0	RGB 195 220 192	#C3DCC0
83.3%	83.3% #C8E4C4	RGB 200 228 196	#C8E4C4
100.0%	100.0% #CDECC8	RGB 205 236 200	#CDECC8

#B0BCB0 #B4C4B4 #B9CCB8 #BED4BD #C3DCC0 #C8E4C4 #CDECC8

#B0BCB0 - #BED4BD - #CDECC8

CSS codes

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

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