#ECBA6B - #FBE992 | 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 #ECBA6B to #FBE992

#ECBA6B #FBE992

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

#ECBA6B - #FBE992 | 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 #ECBA6B as 0% and #FBE992 as 100%.

0.0%	0.0% #ECBA6B	RGB 236 186 107	#ECBA6B
16.7%	16.7% #EEC171	RGB 238 193 113	#EEC171
33.3%	33.3% #F1C978	RGB 241 201 120	#F1C978
50.0%	50.0% #F3D17E	RGB 243 209 126	#F3D17E
66.7%	66.7% #F6D985	RGB 246 217 133	#F6D985
83.3%	83.3% #F8E18B	RGB 248 225 139	#F8E18B
100.0%	100.0% #FBE992	RGB 251 233 146	#FBE992

#ECBA6B #EEC171 #F1C978 #F3D17E #F6D985 #F8E18B #FBE992

#ECBA6B - #FBE992

HSV Blend

#ECBA6B - #FBE992 | 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 #ECBA6B as 0% and #FBE992 as 100%.

0.0%	0.0% #ECBA6B	RGB 236 186 107	#ECBA6B
16.7%	16.7% #EEC271	RGB 238 194 113	#EEC271
33.3%	33.3% #F1CA77	RGB 241 202 119	#F1CA77
50.0%	50.0% #F3D27E	RGB 243 210 126	#F3D27E
66.7%	66.7% #F6DA84	RGB 246 218 132	#F6DA84
83.3%	83.3% #F8E18B	RGB 248 225 139	#F8E18B
100.0%	100.0% #FBE992	RGB 251 233 146	#FBE992

#ECBA6B #EEC271 #F1CA77 #F3D27E #F6DA84 #F8E18B #FBE992

#ECBA6B - #F3D27E - #FBE992

CSS codes

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

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