#EDB16B - #F7FF8C | 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 #EDB16B to #F7FF8C

#EDB16B #F7FF8C

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

#EDB16B - #F7FF8C | 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 #EDB16B as 0% and #F7FF8C as 100%.

0.0%	0.0% #EDB16B	RGB 237 177 107	#EDB16B
16.7%	16.7% #EEBE70	RGB 238 190 112	#EEBE70
33.3%	33.3% #F0CB76	RGB 240 203 118	#F0CB76
50.0%	50.0% #F2D87B	RGB 242 216 123	#F2D87B
66.7%	66.7% #F3E581	RGB 243 229 129	#F3E581
83.3%	83.3% #F5F286	RGB 245 242 134	#F5F286
100.0%	100.0% #F7FF8C	RGB 247 255 140	#F7FF8C

#EDB16B #EEBE70 #F0CB76 #F2D87B #F3E581 #F5F286 #F7FF8C

#EDB16B - #F7FF8C

HSV Blend

#EDB16B - #F7FF8C | 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 #EDB16B as 0% and #F7FF8C as 100%.

0.0%	0.0% #EDB16B	RGB 237 177 107	#EDB16B
16.7%	16.7% #F0C070	RGB 240 192 112	#F0C070
33.3%	33.3% #F3CF75	RGB 243 207 117	#F3CF75
50.0%	50.0% #F6DD7B	RGB 246 221 123	#F6DD7B
66.7%	66.7% #F9EC80	RGB 249 236 128	#F9EC80
83.3%	83.3% #FCF986	RGB 252 249 134	#FCF986
100.0%	100.0% #F7FF8C	RGB 247 255 140	#F7FF8C

#EDB16B #F0C070 #F3CF75 #F6DD7B #F9EC80 #FCF986 #F7FF8C

#EDB16B - #F6DD7B - #F7FF8C

CSS codes

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

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