#EBEECE - #B4C67B | 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 #EBEECE to #B4C67B

#EBEECE #B4C67B

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

#EBEECE - #B4C67B | 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 #EBEECE as 0% and #B4C67B as 100%.

0.0%	0.0% #EBEECE	RGB 235 238 206	#EBEECE
16.7%	16.7% #E1E7C0	RGB 225 231 192	#E1E7C0
33.3%	33.3% #D8E0B2	RGB 216 224 178	#D8E0B2
50.0%	50.0% #CFDAA4	RGB 207 218 164	#CFDAA4
66.7%	66.7% #C6D396	RGB 198 211 150	#C6D396
83.3%	83.3% #BDCC88	RGB 189 204 136	#BDCC88
100.0%	100.0% #B4C67B	RGB 180 198 123	#B4C67B

#EBEECE #E1E7C0 #D8E0B2 #CFDAA4 #C6D396 #BDCC88 #B4C67B

#EBEECE - #B4C67B

HSV Blend

#EBEECE - #B4C67B | 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 #EBEECE as 0% and #B4C67B as 100%.

0.0%	0.0% #EBEECE	RGB 235 238 206	#EBEECE
16.7%	16.7% #E2E7BE	RGB 226 231 190	#E2E7BE
33.3%	33.3% #D9E0B0	RGB 217 224 176	#D9E0B0
50.0%	50.0% #D0DAA2	RGB 208 218 162	#D0DAA2
66.7%	66.7% #C7D394	RGB 199 211 148	#C7D394
83.3%	83.3% #BDCC87	RGB 189 204 135	#BDCC87
100.0%	100.0% #B4C67B	RGB 180 198 123	#B4C67B

#EBEECE #E2E7BE #D9E0B0 #D0DAA2 #C7D394 #BDCC87 #B4C67B

#EBEECE - #D0DAA2 - #B4C67B

CSS codes

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

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