#B6AF3B - #FFDD5E | 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 #B6AF3B to #FFDD5E

#B6AF3B #FFDD5E

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

#B6AF3B - #FFDD5E | 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 #B6AF3B as 0% and #FFDD5E as 100%.

0.0%	0.0% #B6AF3B	RGB 182 175 59	#B6AF3B
16.7%	16.7% #C2B640	RGB 194 182 64	#C2B640
33.3%	33.3% #CEBE46	RGB 206 190 70	#CEBE46
50.0%	50.0% #DAC64C	RGB 218 198 76	#DAC64C
66.7%	66.7% #E6CD52	RGB 230 205 82	#E6CD52
83.3%	83.3% #F2D558	RGB 242 213 88	#F2D558
100.0%	100.0% #FFDD5E	RGB 255 221 94	#FFDD5E

#B6AF3B #C2B640 #CEBE46 #DAC64C #E6CD52 #F2D558 #FFDD5E

#B6AF3B - #FFDD5E

HSV Blend

#B6AF3B - #FFDD5E | 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 #B6AF3B as 0% and #FFDD5E as 100%.

0.0%	0.0% #B6AF3B	RGB 182 175 59	#B6AF3B
16.7%	16.7% #C2B740	RGB 194 183 64	#C2B740
33.3%	33.3% #CEBF45	RGB 206 191 69	#CEBF45
50.0%	50.0% #DAC74B	RGB 218 199 75	#DAC74B
66.7%	66.7% #E6CE51	RGB 230 206 81	#E6CE51
83.3%	83.3% #F2D657	RGB 242 214 87	#F2D657
100.0%	100.0% #FFDD5E	RGB 255 221 94	#FFDD5E

#B6AF3B #C2B740 #CEBF45 #DAC74B #E6CE51 #F2D657 #FFDD5E

#B6AF3B - #DAC74B - #FFDD5E

CSS codes

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

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