#FFBF3B - #FFEDC7 | 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 #FFBF3B to #FFEDC7

#FFBF3B #FFEDC7

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

#FFBF3B - #FFEDC7 | 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 #FFBF3B as 0% and #FFEDC7 as 100%.

0.0%	0.0% #FFBF3B	RGB 255 191 59	#FFBF3B
16.7%	16.7% #FFC652	RGB 255 198 82	#FFC652
33.3%	33.3% #FFCE69	RGB 255 206 105	#FFCE69
50.0%	50.0% #FFD681	RGB 255 214 129	#FFD681
66.7%	66.7% #FFDD98	RGB 255 221 152	#FFDD98
83.3%	83.3% #FFE5AF	RGB 255 229 175	#FFE5AF
100.0%	100.0% #FFEDC7	RGB 255 237 199	#FFEDC7

#FFBF3B #FFC652 #FFCE69 #FFD681 #FFDD98 #FFE5AF #FFEDC7

#FFBF3B - #FFEDC7

HSV Blend

#FFBF3B - #FFEDC7 | 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 #FFBF3B as 0% and #FFEDC7 as 100%.

0.0%	0.0% #FFBF3B	RGB 255 191 59	#FFBF3B
16.7%	16.7% #FFC652	RGB 255 198 82	#FFC652
33.3%	33.3% #FFCE69	RGB 255 206 105	#FFCE69
50.0%	50.0% #FFD681	RGB 255 214 129	#FFD681
66.7%	66.7% #FFDD98	RGB 255 221 152	#FFDD98
83.3%	83.3% #FFE5AF	RGB 255 229 175	#FFE5AF
100.0%	100.0% #FFEDC7	RGB 255 237 199	#FFEDC7

#FFBF3B #FFC652 #FFCE69 #FFD681 #FFDD98 #FFE5AF #FFEDC7

#FFBF3B - #FFD681 - #FFEDC7

CSS codes

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

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