#B2B25C - #FFDF7A | 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 #B2B25C to #FFDF7A

#B2B25C #FFDF7A

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

#B2B25C - #FFDF7A | 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 #B2B25C as 0% and #FFDF7A as 100%.

0.0%	0.0% #B2B25C	RGB 178 178 92	#B2B25C
16.7%	16.7% #BEB961	RGB 190 185 97	#BEB961
33.3%	33.3% #CBC166	RGB 203 193 102	#CBC166
50.0%	50.0% #D8C86B	RGB 216 200 107	#D8C86B
66.7%	66.7% #E5D070	RGB 229 208 112	#E5D070
83.3%	83.3% #F2D775	RGB 242 215 117	#F2D775
100.0%	100.0% #FFDF7A	RGB 255 223 122	#FFDF7A

#B2B25C #BEB961 #CBC166 #D8C86B #E5D070 #F2D775 #FFDF7A

#B2B25C - #FFDF7A

HSV Blend

#B2B25C - #FFDF7A | 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 #B2B25C as 0% and #FFDF7A as 100%.

0.0%	0.0% #B2B25C	RGB 178 178 92	#B2B25C
16.7%	16.7% #BEBB61	RGB 190 187 97	#BEBB61
33.3%	33.3% #CBC366	RGB 203 195 102	#CBC366
50.0%	50.0% #D8CB6B	RGB 216 203 107	#D8CB6B
66.7%	66.7% #E5D270	RGB 229 210 112	#E5D270
83.3%	83.3% #F2D975	RGB 242 217 117	#F2D975
100.0%	100.0% #FFDF7A	RGB 255 223 122	#FFDF7A

#B2B25C #BEBB61 #CBC366 #D8CB6B #E5D270 #F2D975 #FFDF7A

#B2B25C - #D8CB6B - #FFDF7A

CSS codes

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

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