#FEFFE4 - #B6CE8C | 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 #FEFFE4 to #B6CE8C

#FEFFE4 #B6CE8C

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

#FEFFE4 - #B6CE8C | 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 #FEFFE4 as 0% and #B6CE8C as 100%.

0.0%	0.0% #FEFFE4	RGB 254 255 228	#FEFFE4
16.7%	16.7% #F2F6D5	RGB 242 246 213	#F2F6D5
33.3%	33.3% #E6EEC6	RGB 230 238 198	#E6EEC6
50.0%	50.0% #DAE6B8	RGB 218 230 184	#DAE6B8
66.7%	66.7% #CEDEA9	RGB 206 222 169	#CEDEA9
83.3%	83.3% #C2D69A	RGB 194 214 154	#C2D69A
100.0%	100.0% #B6CE8C	RGB 182 206 140	#B6CE8C

#FEFFE4 #F2F6D5 #E6EEC6 #DAE6B8 #CEDEA9 #C2D69A #B6CE8C

#FEFFE4 - #B6CE8C

HSV Blend

#FEFFE4 - #B6CE8C | 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 #FEFFE4 as 0% and #B6CE8C as 100%.

0.0%	0.0% #FEFFE4	RGB 254 255 228	#FEFFE4
16.7%	16.7% #F3F6D3	RGB 243 246 211	#F3F6D3
33.3%	33.3% #E8EEC4	RGB 232 238 196	#E8EEC4
50.0%	50.0% #DCE6B5	RGB 220 230 181	#DCE6B5
66.7%	66.7% #D0DEA6	RGB 208 222 166	#D0DEA6
83.3%	83.3% #C3D699	RGB 195 214 153	#C3D699
100.0%	100.0% #B6CE8C	RGB 182 206 140	#B6CE8C

#FEFFE4 #F3F6D3 #E8EEC4 #DCE6B5 #D0DEA6 #C3D699 #B6CE8C

#FEFFE4 - #DCE6B5 - #B6CE8C

CSS codes

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

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