#ECEBE2 - #B2BD82 | 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 #ECEBE2 to #B2BD82

#ECEBE2 #B2BD82

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

#ECEBE2 - #B2BD82 | 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 #ECEBE2 as 0% and #B2BD82 as 100%.

0.0%	0.0% #ECEBE2	RGB 236 235 226	#ECEBE2
16.7%	16.7% #E2E3D2	RGB 226 227 210	#E2E3D2
33.3%	33.3% #D8DBC2	RGB 216 219 194	#D8DBC2
50.0%	50.0% #CFD4B2	RGB 207 212 178	#CFD4B2
66.7%	66.7% #C5CCA2	RGB 197 204 162	#C5CCA2
83.3%	83.3% #BBC492	RGB 187 196 146	#BBC492
100.0%	100.0% #B2BD82	RGB 178 189 130	#B2BD82

#ECEBE2 #E2E3D2 #D8DBC2 #CFD4B2 #C5CCA2 #BBC492 #B2BD82

#ECEBE2 - #B2BD82

HSV Blend

#ECEBE2 - #B2BD82 | 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 #ECEBE2 as 0% and #B2BD82 as 100%.

0.0%	0.0% #ECEBE2	RGB 236 235 226	#ECEBE2
16.7%	16.7% #E4E3D0	RGB 228 227 208	#E4E3D0
33.3%	33.3% #DCDCBF	RGB 220 220 191	#DCDCBF
50.0%	50.0% #D2D4AE	RGB 210 212 174	#D2D4AE
66.7%	66.7% #C8CC9F	RGB 200 204 159	#C8CC9F
83.3%	83.3% #BDC490	RGB 189 196 144	#BDC490
100.0%	100.0% #B2BD82	RGB 178 189 130	#B2BD82

#ECEBE2 #E4E3D0 #DCDCBF #D2D4AE #C8CC9F #BDC490 #B2BD82

#ECEBE2 - #D2D4AE - #B2BD82

CSS codes

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

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