#FFD908 - #483D02 | 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 #FFD908 to #483D02

#FFD908 #483D02

Calculate the color between two colors, #FFD908 and #483D02. 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)

#FFD908 - #483D02 | 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 #FFD908 as 0% and #483D02 as 100%.

0.0%	0.0% #FFD908	RGB 255 217 8	#FFD908
16.7%	16.7% #E0BF07	RGB 224 191 7	#E0BF07
33.3%	33.3% #C2A506	RGB 194 165 6	#C2A506
50.0%	50.0% #A38B05	RGB 163 139 5	#A38B05
66.7%	66.7% #847104	RGB 132 113 4	#847104
83.3%	83.3% #665703	RGB 102 87 3	#665703
100.0%	100.0% #483D02	RGB 72 61 2	#483D02

#FFD908 #E0BF07 #C2A506 #A38B05 #847104 #665703 #483D02

#FFD908 - #483D02

HSV Blend

#FFD908 - #483D02 | 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 #FFD908 as 0% and #483D02 as 100%.

0.0%	0.0% #FFD907	RGB 255 217 7	#FFD907
16.7%	16.7% #E0BE06	RGB 224 190 6	#E0BE06
33.3%	33.3% #C2A405	RGB 194 164 5	#C2A405
50.0%	50.0% #A38A04	RGB 163 138 4	#A38A04
66.7%	66.7% #847003	RGB 132 112 3	#847003
83.3%	83.3% #665602	RGB 102 86 2	#665602
100.0%	100.0% #483D02	RGB 72 61 2	#483D02

#FFD907 #E0BE06 #C2A405 #A38A04 #847003 #665602 #483D02

#FFD908 - #A38A04 - #483D02

CSS codes

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

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