#B69D4D - #FFD46C | 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 #B69D4D to #FFD46C

#B69D4D #FFD46C

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

#B69D4D - #FFD46C | 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 #B69D4D as 0% and #FFD46C as 100%.

0.0%	0.0% #B69D4D	RGB 182 157 77	#B69D4D
16.7%	16.7% #C2A652	RGB 194 166 82	#C2A652
33.3%	33.3% #CEAF57	RGB 206 175 87	#CEAF57
50.0%	50.0% #DAB85C	RGB 218 184 92	#DAB85C
66.7%	66.7% #E6C161	RGB 230 193 97	#E6C161
83.3%	83.3% #F2CA66	RGB 242 202 102	#F2CA66
100.0%	100.0% #FFD46C	RGB 255 212 108	#FFD46C

#B69D4D #C2A652 #CEAF57 #DAB85C #E6C161 #F2CA66 #FFD46C

#B69D4D - #FFD46C

HSV Blend

#B69D4D - #FFD46C | 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 #B69D4D as 0% and #FFD46C as 100%.

0.0%	0.0% #B69D4D	RGB 182 157 77	#B69D4D
16.7%	16.7% #C2A652	RGB 194 166 82	#C2A652
33.3%	33.3% #CEAF57	RGB 206 175 87	#CEAF57
50.0%	50.0% #DAB95C	RGB 218 185 92	#DAB95C
66.7%	66.7% #E6C261	RGB 230 194 97	#E6C261
83.3%	83.3% #F2CB66	RGB 242 203 102	#F2CB66
100.0%	100.0% #FFD46C	RGB 255 212 108	#FFD46C

#B69D4D #C2A652 #CEAF57 #DAB95C #E6C261 #F2CB66 #FFD46C

#B69D4D - #DAB95C - #FFD46C

CSS codes

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

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