#EDCF92 - #FEF2B6 | 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 #EDCF92 to #FEF2B6

#EDCF92 #FEF2B6

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

#EDCF92 - #FEF2B6 | 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 #EDCF92 as 0% and #FEF2B6 as 100%.

0.0%	0.0% #EDCF92	RGB 237 207 146	#EDCF92
16.7%	16.7% #EFD498	RGB 239 212 152	#EFD498
33.3%	33.3% #F2DA9E	RGB 242 218 158	#F2DA9E
50.0%	50.0% #F5E0A4	RGB 245 224 164	#F5E0A4
66.7%	66.7% #F8E6AA	RGB 248 230 170	#F8E6AA
83.3%	83.3% #FBECB0	RGB 251 236 176	#FBECB0
100.0%	100.0% #FEF2B6	RGB 254 242 182	#FEF2B6

#EDCF92 #EFD498 #F2DA9E #F5E0A4 #F8E6AA #FBECB0 #FEF2B6

#EDCF92 - #FEF2B6

HSV Blend

#EDCF92 - #FEF2B6 | 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 #EDCF92 as 0% and #FEF2B6 as 100%.

0.0%	0.0% #EDCF92	RGB 237 207 146	#EDCF92
16.7%	16.7% #EFD597	RGB 239 213 151	#EFD597
33.3%	33.3% #F2DB9D	RGB 242 219 157	#F2DB9D
50.0%	50.0% #F5E1A3	RGB 245 225 163	#F5E1A3
66.7%	66.7% #F8E6A9	RGB 248 230 169	#F8E6A9
83.3%	83.3% #FBECAF	RGB 251 236 175	#FBECAF
100.0%	100.0% #FEF2B6	RGB 254 242 182	#FEF2B6

#EDCF92 #EFD597 #F2DB9D #F5E1A3 #F8E6A9 #FBECAF #FEF2B6

#EDCF92 - #F5E1A3 - #FEF2B6

CSS codes

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

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