#FFF670 - #FFBF9F | 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 #FFF670 to #FFBF9F

#FFF670 #FFBF9F

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

#FFF670 - #FFBF9F | 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 #FFF670 as 0% and #FFBF9F as 100%.

0.0%	0.0% #FFF670	RGB 255 246 112	#FFF670
16.7%	16.7% #FFEC77	RGB 255 236 119	#FFEC77
33.3%	33.3% #FFE37F	RGB 255 227 127	#FFE37F
50.0%	50.0% #FFDA87	RGB 255 218 135	#FFDA87
66.7%	66.7% #FFD18F	RGB 255 209 143	#FFD18F
83.3%	83.3% #FFC897	RGB 255 200 151	#FFC897
100.0%	100.0% #FFBF9F	RGB 255 191 159	#FFBF9F

#FFF670 #FFEC77 #FFE37F #FFDA87 #FFD18F #FFC897 #FFBF9F

#FFF670 - #FFBF9F

HSV Blend

#FFF670 - #FFBF9F | 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 #FFF670 as 0% and #FFBF9F as 100%.

0.0%	0.0% #FFF670	RGB 255 246 112	#FFF670
16.7%	16.7% #FFE877	RGB 255 232 119	#FFE877
33.3%	33.3% #FFDD7F	RGB 255 221 127	#FFDD7F
50.0%	50.0% #FFD387	RGB 255 211 135	#FFD387
66.7%	66.7% #FFCB8F	RGB 255 203 143	#FFCB8F
83.3%	83.3% #FFC497	RGB 255 196 151	#FFC497
100.0%	100.0% #FFBF9F	RGB 255 191 159	#FFBF9F

#FFF670 #FFE877 #FFDD7F #FFD387 #FFCB8F #FFC497 #FFBF9F

#FFF670 - #FFD387 - #FFBF9F

CSS codes

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

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