#E5E6DE - #BFD492 | 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 #E5E6DE to #BFD492

#E5E6DE #BFD492

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

#E5E6DE - #BFD492 | 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 #E5E6DE as 0% and #BFD492 as 100%.

0.0%	0.0% #E5E6DE	RGB 229 230 222	#E5E6DE
16.7%	16.7% #DEE3D1	RGB 222 227 209	#DEE3D1
33.3%	33.3% #D8E0C4	RGB 216 224 196	#D8E0C4
50.0%	50.0% #D2DDB8	RGB 210 221 184	#D2DDB8
66.7%	66.7% #CBDAAB	RGB 203 218 171	#CBDAAB
83.3%	83.3% #C5D79E	RGB 197 215 158	#C5D79E
100.0%	100.0% #BFD492	RGB 191 212 146	#BFD492

#E5E6DE #DEE3D1 #D8E0C4 #D2DDB8 #CBDAAB #C5D79E #BFD492

#E5E6DE - #BFD492

HSV Blend

#E5E6DE - #BFD492 | 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 #E5E6DE as 0% and #BFD492 as 100%.

0.0%	0.0% #E5E6DE	RGB 229 230 222	#E5E6DE
16.7%	16.7% #E0E3D0	RGB 224 227 208	#E0E3D0
33.3%	33.3% #DAE0C3	RGB 218 224 195	#DAE0C3
50.0%	50.0% #D4DDB6	RGB 212 221 182	#D4DDB6
66.7%	66.7% #CDDAAA	RGB 205 218 170	#CDDAAA
83.3%	83.3% #C6D79D	RGB 198 215 157	#C6D79D
100.0%	100.0% #BFD492	RGB 191 212 146	#BFD492

#E5E6DE #E0E3D0 #DAE0C3 #D4DDB6 #CDDAAA #C6D79D #BFD492

#E5E6DE - #D4DDB6 - #BFD492

CSS codes

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

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