#B2CE7E - #FFEDA0 | 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 #B2CE7E to #FFEDA0

#B2CE7E #FFEDA0

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

#B2CE7E - #FFEDA0 | 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 #B2CE7E as 0% and #FFEDA0 as 100%.

0.0%	0.0% #B2CE7E	RGB 178 206 126	#B2CE7E
16.7%	16.7% #BED383	RGB 190 211 131	#BED383
33.3%	33.3% #CBD889	RGB 203 216 137	#CBD889
50.0%	50.0% #D8DD8F	RGB 216 221 143	#D8DD8F
66.7%	66.7% #E5E294	RGB 229 226 148	#E5E294
83.3%	83.3% #F2E79A	RGB 242 231 154	#F2E79A
100.0%	100.0% #FFEDA0	RGB 255 237 160	#FFEDA0

#B2CE7E #BED383 #CBD889 #D8DD8F #E5E294 #F2E79A #FFEDA0

#B2CE7E - #FFEDA0

HSV Blend

#B2CE7E - #FFEDA0 | 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 #B2CE7E as 0% and #FFEDA0 as 100%.

0.0%	0.0% #B2CE7E	RGB 178 206 126	#B2CE7E
16.7%	16.7% #C0D683	RGB 192 214 131	#C0D683
33.3%	33.3% #CFDE89	RGB 207 222 137	#CFDE89
50.0%	50.0% #DFE68E	RGB 223 230 142	#DFE68E
66.7%	66.7% #EEED94	RGB 238 237 148	#EEED94
83.3%	83.3% #F6ED9A	RGB 246 237 154	#F6ED9A
100.0%	100.0% #FFEDA0	RGB 255 237 160	#FFEDA0

#B2CE7E #C0D683 #CFDE89 #DFE68E #EEED94 #F6ED9A #FFEDA0

#B2CE7E - #DFE68E - #FFEDA0

CSS codes

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

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