#EDEED3 - #B8C481 | 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 #EDEED3 to #B8C481

#EDEED3 #B8C481

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

#EDEED3 - #B8C481 | 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 #EDEED3 as 0% and #B8C481 as 100%.

0.0%	0.0% #EDEED3	RGB 237 238 211	#EDEED3
16.7%	16.7% #E4E7C5	RGB 228 231 197	#E4E7C5
33.3%	33.3% #DBE0B7	RGB 219 224 183	#DBE0B7
50.0%	50.0% #D2D9AA	RGB 210 217 170	#D2D9AA
66.7%	66.7% #C9D29C	RGB 201 210 156	#C9D29C
83.3%	83.3% #C0CB8E	RGB 192 203 142	#C0CB8E
100.0%	100.0% #B8C481	RGB 184 196 129	#B8C481

#EDEED3 #E4E7C5 #DBE0B7 #D2D9AA #C9D29C #C0CB8E #B8C481

#EDEED3 - #B8C481

HSV Blend

#EDEED3 - #B8C481 | 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 #EDEED3 as 0% and #B8C481 as 100%.

0.0%	0.0% #EDEED3	RGB 237 238 211	#EDEED3
16.7%	16.7% #E4E7C4	RGB 228 231 196	#E4E7C4
33.3%	33.3% #DCE0B5	RGB 220 224 181	#DCE0B5
50.0%	50.0% #D3D9A7	RGB 211 217 167	#D3D9A7
66.7%	66.7% #CAD29A	RGB 202 210 154	#CAD29A
83.3%	83.3% #C1CB8D	RGB 193 203 141	#C1CB8D
100.0%	100.0% #B8C481	RGB 184 196 129	#B8C481

#EDEED3 #E4E7C4 #DCE0B5 #D3D9A7 #CAD29A #C1CB8D #B8C481

#EDEED3 - #D3D9A7 - #B8C481

CSS codes

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

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