#B0CA7E - #FFEC9F | 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 #B0CA7E to #FFEC9F

#B0CA7E #FFEC9F

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

#B0CA7E - #FFEC9F | 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 #B0CA7E as 0% and #FFEC9F as 100%.

0.0%	0.0% #B0CA7E	RGB 176 202 126	#B0CA7E
16.7%	16.7% #BDCF83	RGB 189 207 131	#BDCF83
33.3%	33.3% #CAD589	RGB 202 213 137	#CAD589
50.0%	50.0% #D7DB8E	RGB 215 219 142	#D7DB8E
66.7%	66.7% #E4E094	RGB 228 224 148	#E4E094
83.3%	83.3% #F1E699	RGB 241 230 153	#F1E699
100.0%	100.0% #FFEC9F	RGB 255 236 159	#FFEC9F

#B0CA7E #BDCF83 #CAD589 #D7DB8E #E4E094 #F1E699 #FFEC9F

#B0CA7E - #FFEC9F

HSV Blend

#B0CA7E - #FFEC9F | 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 #B0CA7E as 0% and #FFEC9F as 100%.

0.0%	0.0% #B0CA7E	RGB 176 202 126	#B0CA7E
16.7%	16.7% #BED283	RGB 190 210 131	#BED283
33.3%	33.3% #CEDB89	RGB 206 219 137	#CEDB89
50.0%	50.0% #DEE48E	RGB 222 228 142	#DEE48E
66.7%	66.7% #EDEB94	RGB 237 235 148	#EDEB94
83.3%	83.3% #F6EC99	RGB 246 236 153	#F6EC99
100.0%	100.0% #FFEC9F	RGB 255 236 159	#FFEC9F

#B0CA7E #BED283 #CEDB89 #DEE48E #EDEB94 #F6EC99 #FFEC9F

#B0CA7E - #DEE48E - #FFEC9F

CSS codes

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

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