#BDC07E - #FEFF9A | 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 #BDC07E to #FEFF9A

#BDC07E #FEFF9A

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

#BDC07E - #FEFF9A | 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 #BDC07E as 0% and #FEFF9A as 100%.

0.0%	0.0% #BDC07E	RGB 189 192 126	#BDC07E
16.7%	16.7% #C7CA82	RGB 199 202 130	#C7CA82
33.3%	33.3% #D2D587	RGB 210 213 135	#D2D587
50.0%	50.0% #DDDF8C	RGB 221 223 140	#DDDF8C
66.7%	66.7% #E8EA90	RGB 232 234 144	#E8EA90
83.3%	83.3% #F3F495	RGB 243 244 149	#F3F495
100.0%	100.0% #FEFF9A	RGB 254 255 154	#FEFF9A

#BDC07E #C7CA82 #D2D587 #DDDF8C #E8EA90 #F3F495 #FEFF9A

#BDC07E - #FEFF9A

HSV Blend

#BDC07E - #FEFF9A | 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 #BDC07E as 0% and #FEFF9A as 100%.

0.0%	0.0% #BDC07E	RGB 189 192 126	#BDC07E
16.7%	16.7% #C7CA83	RGB 199 202 131	#C7CA83
33.3%	33.3% #D2D588	RGB 210 213 136	#D2D588
50.0%	50.0% #DDDF8C	RGB 221 223 140	#DDDF8C
66.7%	66.7% #E8EA91	RGB 232 234 145	#E8EA91
83.3%	83.3% #F3F495	RGB 243 244 149	#F3F495
100.0%	100.0% #FEFF9A	RGB 254 255 154	#FEFF9A

#BDC07E #C7CA83 #D2D588 #DDDF8C #E8EA91 #F3F495 #FEFF9A

#BDC07E - #DDDF8C - #FEFF9A

CSS codes

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

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