#B5A03B - #FFD55B | 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 #B5A03B to #FFD55B

#B5A03B #FFD55B

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

#B5A03B - #FFD55B | 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 #B5A03B as 0% and #FFD55B as 100%.

0.0%	0.0% #B5A03B	RGB 181 160 59	#B5A03B
16.7%	16.7% #C1A840	RGB 193 168 64	#C1A840
33.3%	33.3% #CDB145	RGB 205 177 69	#CDB145
50.0%	50.0% #DABA4B	RGB 218 186 75	#DABA4B
66.7%	66.7% #E6C350	RGB 230 195 80	#E6C350
83.3%	83.3% #F2CC55	RGB 242 204 85	#F2CC55
100.0%	100.0% #FFD55B	RGB 255 213 91	#FFD55B

#B5A03B #C1A840 #CDB145 #DABA4B #E6C350 #F2CC55 #FFD55B

#B5A03B - #FFD55B

HSV Blend

#B5A03B - #FFD55B | 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 #B5A03B as 0% and #FFD55B as 100%.

0.0%	0.0% #B5A03B	RGB 181 160 59	#B5A03B
16.7%	16.7% #C1A940	RGB 193 169 64	#C1A940
33.3%	33.3% #CDB245	RGB 205 178 69	#CDB245
50.0%	50.0% #DABB4A	RGB 218 187 74	#DABB4A
66.7%	66.7% #E6C44F	RGB 230 196 79	#E6C44F
83.3%	83.3% #F2CC55	RGB 242 204 85	#F2CC55
100.0%	100.0% #FFD55B	RGB 255 213 91	#FFD55B

#B5A03B #C1A940 #CDB245 #DABB4A #E6C44F #F2CC55 #FFD55B

#B5A03B - #DABB4A - #FFD55B

CSS codes

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

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