#B6AD2D - #FFDC51 | 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 #B6AD2D to #FFDC51

#B6AD2D #FFDC51

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

#B6AD2D - #FFDC51 | 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 #B6AD2D as 0% and #FFDC51 as 100%.

0.0%	0.0% #B6AD2D	RGB 182 173 45	#B6AD2D
16.7%	16.7% #C2B433	RGB 194 180 51	#C2B433
33.3%	33.3% #CEBC39	RGB 206 188 57	#CEBC39
50.0%	50.0% #DAC43F	RGB 218 196 63	#DAC43F
66.7%	66.7% #E6CC45	RGB 230 204 69	#E6CC45
83.3%	83.3% #F2D44B	RGB 242 212 75	#F2D44B
100.0%	100.0% #FFDC51	RGB 255 220 81	#FFDC51

#B6AD2D #C2B433 #CEBC39 #DAC43F #E6CC45 #F2D44B #FFDC51

#B6AD2D - #FFDC51

HSV Blend

#B6AD2D - #FFDC51 | 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 #B6AD2D as 0% and #FFDC51 as 100%.

0.0%	0.0% #B6AD2D	RGB 182 173 45	#B6AD2D
16.7%	16.7% #C2B532	RGB 194 181 50	#C2B532
33.3%	33.3% #CEBD37	RGB 206 189 55	#CEBD37
50.0%	50.0% #DAC53D	RGB 218 197 61	#DAC53D
66.7%	66.7% #E6CD43	RGB 230 205 67	#E6CD43
83.3%	83.3% #F2D44A	RGB 242 212 74	#F2D44A
100.0%	100.0% #FFDC51	RGB 255 220 81	#FFDC51

#B6AD2D #C2B532 #CEBD37 #DAC53D #E6CD43 #F2D44A #FFDC51

#B6AD2D - #DAC53D - #FFDC51

CSS codes

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

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