#ECEEDD - #B3C48F | 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 #ECEEDD to #B3C48F

#ECEEDD #B3C48F

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

#ECEEDD - #B3C48F | 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 #ECEEDD as 0% and #B3C48F as 100%.

0.0%	0.0% #ECEEDD	RGB 236 238 221	#ECEEDD
16.7%	16.7% #E2E7D0	RGB 226 231 208	#E2E7D0
33.3%	33.3% #D9E0C3	RGB 217 224 195	#D9E0C3
50.0%	50.0% #CFD9B6	RGB 207 217 182	#CFD9B6
66.7%	66.7% #C6D2A9	RGB 198 210 169	#C6D2A9
83.3%	83.3% #BCCB9C	RGB 188 203 156	#BCCB9C
100.0%	100.0% #B3C48F	RGB 179 196 143	#B3C48F

#ECEEDD #E2E7D0 #D9E0C3 #CFD9B6 #C6D2A9 #BCCB9C #B3C48F

#ECEEDD - #B3C48F

HSV Blend

#ECEEDD - #B3C48F | 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 #ECEEDD as 0% and #B3C48F as 100%.

0.0%	0.0% #ECEEDD	RGB 236 238 221	#ECEEDD
16.7%	16.7% #E3E7CE	RGB 227 231 206	#E3E7CE
33.3%	33.3% #DAE0C1	RGB 218 224 193	#DAE0C1
50.0%	50.0% #D0D9B3	RGB 208 217 179	#D0D9B3
66.7%	66.7% #C7D2A7	RGB 199 210 167	#C7D2A7
83.3%	83.3% #BDCB9A	RGB 189 203 154	#BDCB9A
100.0%	100.0% #B3C48F	RGB 179 196 143	#B3C48F

#ECEEDD #E3E7CE #DAE0C1 #D0D9B3 #C7D2A7 #BDCB9A #B3C48F

#ECEEDD - #D0D9B3 - #B3C48F

CSS codes

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

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