#B7A865 - #FFDB82 | 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 #B7A865 to #FFDB82

#B7A865 #FFDB82

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

#B7A865 - #FFDB82 | 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 #B7A865 as 0% and #FFDB82 as 100%.

0.0%	0.0% #B7A865	RGB 183 168 101	#B7A865
16.7%	16.7% #C3B069	RGB 195 176 105	#C3B069
33.3%	33.3% #CFB96E	RGB 207 185 110	#CFB96E
50.0%	50.0% #DBC173	RGB 219 193 115	#DBC173
66.7%	66.7% #E7CA78	RGB 231 202 120	#E7CA78
83.3%	83.3% #F3D27D	RGB 243 210 125	#F3D27D
100.0%	100.0% #FFDB82	RGB 255 219 130	#FFDB82

#B7A865 #C3B069 #CFB96E #DBC173 #E7CA78 #F3D27D #FFDB82

#B7A865 - #FFDB82

HSV Blend

#B7A865 - #FFDB82 | 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 #B7A865 as 0% and #FFDB82 as 100%.

0.0%	0.0% #B7A865	RGB 183 168 101	#B7A865
16.7%	16.7% #C3B16A	RGB 195 177 106	#C3B16A
33.3%	33.3% #CFBA6F	RGB 207 186 111	#CFBA6F
50.0%	50.0% #DBC274	RGB 219 194 116	#DBC274
66.7%	66.7% #E7CB79	RGB 231 203 121	#E7CB79
83.3%	83.3% #F3D37D	RGB 243 211 125	#F3D37D
100.0%	100.0% #FFDB82	RGB 255 219 130	#FFDB82

#B7A865 #C3B16A #CFBA6F #DBC274 #E7CB79 #F3D37D #FFDB82

#B7A865 - #DBC274 - #FFDB82

CSS codes

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

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