#BFCC6D - #ECF0D5 | 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 #BFCC6D to #ECF0D5

#BFCC6D #ECF0D5

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

#BFCC6D - #ECF0D5 | 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 #BFCC6D as 0% and #ECF0D5 as 100%.

0.0%	0.0% #BFCC6D	RGB 191 204 109	#BFCC6D
16.7%	16.7% #C6D27E	RGB 198 210 126	#C6D27E
33.3%	33.3% #CED88F	RGB 206 216 143	#CED88F
50.0%	50.0% #D5DEA1	RGB 213 222 161	#D5DEA1
66.7%	66.7% #DDE4B2	RGB 221 228 178	#DDE4B2
83.3%	83.3% #E4EAC3	RGB 228 234 195	#E4EAC3
100.0%	100.0% #ECF0D5	RGB 236 240 213	#ECF0D5

#BFCC6D #C6D27E #CED88F #D5DEA1 #DDE4B2 #E4EAC3 #ECF0D5

#BFCC6D - #ECF0D5

HSV Blend

#BFCC6D - #ECF0D5 | 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 #BFCC6D as 0% and #ECF0D5 as 100%.

0.0%	0.0% #BFCC6D	RGB 191 204 109	#BFCC6D
16.7%	16.7% #C6D27C	RGB 198 210 124	#C6D27C
33.3%	33.3% #CDD88C	RGB 205 216 140	#CDD88C
50.0%	50.0% #D4DE9D	RGB 212 222 157	#D4DE9D
66.7%	66.7% #DCE4AF	RGB 220 228 175	#DCE4AF
83.3%	83.3% #E4EAC1	RGB 228 234 193	#E4EAC1
100.0%	100.0% #ECF0D5	RGB 236 240 213	#ECF0D5

#BFCC6D #C6D27C #CDD88C #D4DE9D #DCE4AF #E4EAC1 #ECF0D5

#BFCC6D - #D4DE9D - #ECF0D5

CSS codes

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

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