#B6B68C - #FFE2A2 | 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 #B6B68C to #FFE2A2

#B6B68C #FFE2A2

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

#B6B68C - #FFE2A2 | 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 #B6B68C as 0% and #FFE2A2 as 100%.

0.0%	0.0% #B6B68C	RGB 182 182 140	#B6B68C
16.7%	16.7% #C2BD8F	RGB 194 189 143	#C2BD8F
33.3%	33.3% #CEC493	RGB 206 196 147	#CEC493
50.0%	50.0% #DACC97	RGB 218 204 151	#DACC97
66.7%	66.7% #E6D39A	RGB 230 211 154	#E6D39A
83.3%	83.3% #F2DA9E	RGB 242 218 158	#F2DA9E
100.0%	100.0% #FFE2A2	RGB 255 226 162	#FFE2A2

#B6B68C #C2BD8F #CEC493 #DACC97 #E6D39A #F2DA9E #FFE2A2

#B6B68C - #FFE2A2

HSV Blend

#B6B68C - #FFE2A2 | 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 #B6B68C as 0% and #FFE2A2 as 100%.

0.0%	0.0% #B6B68C	RGB 182 182 140	#B6B68C
16.7%	16.7% #C2BF91	RGB 194 191 145	#C2BF91
33.3%	33.3% #CEC895	RGB 206 200 149	#CEC895
50.0%	50.0% #DAD099	RGB 218 208 153	#DAD099
66.7%	66.7% #E6D79C	RGB 230 215 156	#E6D79C
83.3%	83.3% #F2DD9F	RGB 242 221 159	#F2DD9F
100.0%	100.0% #FFE2A2	RGB 255 226 162	#FFE2A2

#B6B68C #C2BF91 #CEC895 #DAD099 #E6D79C #F2DD9F #FFE2A2

#B6B68C - #DAD099 - #FFE2A2

CSS codes

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

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