#DFDF1C - #B3A20B | 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 #DFDF1C to #B3A20B

#DFDF1C #B3A20B

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

#DFDF1C - #B3A20B | 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 #DFDF1C as 0% and #B3A20B as 100%.

0.0%	0.0% #DFDF1C	RGB 223 223 28	#DFDF1C
16.7%	16.7% #D7D419	RGB 215 212 25	#D7D419
33.3%	33.3% #D0CA16	RGB 208 202 22	#D0CA16
50.0%	50.0% #C9C013	RGB 201 192 19	#C9C013
66.7%	66.7% #C1B610	RGB 193 182 16	#C1B610
83.3%	83.3% #BAAC0D	RGB 186 172 13	#BAAC0D
100.0%	100.0% #B3A20B	RGB 179 162 11	#B3A20B

#DFDF1C #D7D419 #D0CA16 #C9C013 #C1B610 #BAAC0D #B3A20B

#DFDF1C - #B3A20B

HSV Blend

#DFDF1C - #B3A20B | 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 #DFDF1C as 0% and #B3A20B as 100%.

0.0%	0.0% #DFDF1B	RGB 223 223 27	#DFDF1B
16.7%	16.7% #D7D418	RGB 215 212 24	#D7D418
33.3%	33.3% #D0CA15	RGB 208 202 21	#D0CA15
50.0%	50.0% #C9BF12	RGB 201 191 18	#C9BF12
66.7%	66.7% #C1B510	RGB 193 181 16	#C1B510
83.3%	83.3% #BAAB0D	RGB 186 171 13	#BAAB0D
100.0%	100.0% #B3A20B	RGB 179 162 11	#B3A20B

#DFDF1B #D7D418 #D0CA15 #C9BF12 #C1B510 #BAAB0D #B3A20B

#DFDF1C - #C9BF12 - #B3A20B

CSS codes

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

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