#BCC6B6 - #ECE9C4 | 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 #BCC6B6 to #ECE9C4

#BCC6B6 #ECE9C4

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

#BCC6B6 - #ECE9C4 | 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 #BCC6B6 as 0% and #ECE9C4 as 100%.

0.0%	0.0% #BCC6B6	RGB 188 198 182	#BCC6B6
16.7%	16.7% #C4CBB8	RGB 196 203 184	#C4CBB8
33.3%	33.3% #CCD1BA	RGB 204 209 186	#CCD1BA
50.0%	50.0% #D4D7BD	RGB 212 215 189	#D4D7BD
66.7%	66.7% #DCDDBF	RGB 220 221 191	#DCDDBF
83.3%	83.3% #E4E3C1	RGB 228 227 193	#E4E3C1
100.0%	100.0% #ECE9C4	RGB 236 233 196	#ECE9C4

#BCC6B6 #C4CBB8 #CCD1BA #D4D7BD #DCDDBF #E4E3C1 #ECE9C4

#BCC6B6 - #ECE9C4

HSV Blend

#BCC6B6 - #ECE9C4 | 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 #BCC6B6 as 0% and #ECE9C4 as 100%.

0.0%	0.0% #BCC6B6	RGB 188 198 182	#BCC6B6
16.7%	16.7% #C2CCB8	RGB 194 204 184	#C2CCB8
33.3%	33.3% #C9D2BB	RGB 201 210 187	#C9D2BB
50.0%	50.0% #D1D9BD	RGB 209 217 189	#D1D9BD
66.7%	66.7% #DADFC0	RGB 218 223 192	#DADFC0
83.3%	83.3% #E4E5C2	RGB 228 229 194	#E4E5C2
100.0%	100.0% #ECE9C4	RGB 236 233 196	#ECE9C4

#BCC6B6 #C2CCB8 #C9D2BB #D1D9BD #DADFC0 #E4E5C2 #ECE9C4

#BCC6B6 - #D1D9BD - #ECE9C4

CSS codes

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

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