#FFBF3E - #FFECC7 | 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 #FFBF3E to #FFECC7

#FFBF3E #FFECC7

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

#FFBF3E - #FFECC7 | 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 #FFBF3E as 0% and #FFECC7 as 100%.

0.0%	0.0% #FFBF3E	RGB 255 191 62	#FFBF3E
16.7%	16.7% #FFC654	RGB 255 198 84	#FFC654
33.3%	33.3% #FFCE6B	RGB 255 206 107	#FFCE6B
50.0%	50.0% #FFD582	RGB 255 213 130	#FFD582
66.7%	66.7% #FFDD99	RGB 255 221 153	#FFDD99
83.3%	83.3% #FFE4B0	RGB 255 228 176	#FFE4B0
100.0%	100.0% #FFECC7	RGB 255 236 199	#FFECC7

#FFBF3E #FFC654 #FFCE6B #FFD582 #FFDD99 #FFE4B0 #FFECC7

#FFBF3E - #FFECC7

HSV Blend

#FFBF3E - #FFECC7 | 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 #FFBF3E as 0% and #FFECC7 as 100%.

0.0%	0.0% #FFBF3D	RGB 255 191 61	#FFBF3D
16.7%	16.7% #FFC654	RGB 255 198 84	#FFC654
33.3%	33.3% #FFCD6B	RGB 255 205 107	#FFCD6B
50.0%	50.0% #FFD582	RGB 255 213 130	#FFD582
66.7%	66.7% #FFDC99	RGB 255 220 153	#FFDC99
83.3%	83.3% #FFE4B0	RGB 255 228 176	#FFE4B0
100.0%	100.0% #FFECC7	RGB 255 236 199	#FFECC7

#FFBF3D #FFC654 #FFCD6B #FFD582 #FFDC99 #FFE4B0 #FFECC7

#FFBF3E - #FFD582 - #FFECC7

CSS codes

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

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