#ECFA8F - #B9DC3A | 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 #ECFA8F to #B9DC3A

#ECFA8F #B9DC3A

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

#ECFA8F - #B9DC3A | 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 #ECFA8F as 0% and #B9DC3A as 100%.

0.0%	0.0% #ECFA8F	RGB 236 250 143	#ECFA8F
16.7%	16.7% #E3F580	RGB 227 245 128	#E3F580
33.3%	33.3% #DBF072	RGB 219 240 114	#DBF072
50.0%	50.0% #D2EB64	RGB 210 235 100	#D2EB64
66.7%	66.7% #CAE656	RGB 202 230 86	#CAE656
83.3%	83.3% #C1E148	RGB 193 225 72	#C1E148
100.0%	100.0% #B9DC3A	RGB 185 220 58	#B9DC3A

#ECFA8F #E3F580 #DBF072 #D2EB64 #CAE656 #C1E148 #B9DC3A

#ECFA8F - #B9DC3A

HSV Blend

#ECFA8F - #B9DC3A | 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 #ECFA8F as 0% and #B9DC3A as 100%.

0.0%	0.0% #ECFA8F	RGB 236 250 143	#ECFA8F
16.7%	16.7% #E3F57F	RGB 227 245 127	#E3F57F
33.3%	33.3% #DBF070	RGB 219 240 112	#DBF070
50.0%	50.0% #D3EB62	RGB 211 235 98	#D3EB62
66.7%	66.7% #CAE654	RGB 202 230 84	#CAE654
83.3%	83.3% #C1E146	RGB 193 225 70	#C1E146
100.0%	100.0% #B9DC3A	RGB 185 220 58	#B9DC3A

#ECFA8F #E3F57F #DBF070 #D3EB62 #CAE654 #C1E146 #B9DC3A

#ECFA8F - #D3EB62 - #B9DC3A

CSS codes

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

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