#EDEED5 - #B8C484 | 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 #EDEED5 to #B8C484

#EDEED5 #B8C484

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

#EDEED5 - #B8C484 | 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 #EDEED5 as 0% and #B8C484 as 100%.

0.0%	0.0% #EDEED5	RGB 237 238 213	#EDEED5
16.7%	16.7% #E4E7C7	RGB 228 231 199	#E4E7C7
33.3%	33.3% #DBE0BA	RGB 219 224 186	#DBE0BA
50.0%	50.0% #D2D9AC	RGB 210 217 172	#D2D9AC
66.7%	66.7% #C9D29F	RGB 201 210 159	#C9D29F
83.3%	83.3% #C0CB91	RGB 192 203 145	#C0CB91
100.0%	100.0% #B8C484	RGB 184 196 132	#B8C484

#EDEED5 #E4E7C7 #DBE0BA #D2D9AC #C9D29F #C0CB91 #B8C484

#EDEED5 - #B8C484

HSV Blend

#EDEED5 - #B8C484 | 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 #EDEED5 as 0% and #B8C484 as 100%.

0.0%	0.0% #EDEED5	RGB 237 238 213	#EDEED5
16.7%	16.7% #E4E7C6	RGB 228 231 198	#E4E7C6
33.3%	33.3% #DCE0B7	RGB 220 224 183	#DCE0B7
50.0%	50.0% #D3D9AA	RGB 211 217 170	#D3D9AA
66.7%	66.7% #CAD29C	RGB 202 210 156	#CAD29C
83.3%	83.3% #C1CB90	RGB 193 203 144	#C1CB90
100.0%	100.0% #B8C484	RGB 184 196 132	#B8C484

#EDEED5 #E4E7C6 #DCE0B7 #D3D9AA #CAD29C #C1CB90 #B8C484

#EDEED5 - #D3D9AA - #B8C484

CSS codes

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

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