#D2BA5E - #FFE482 | 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 #D2BA5E to #FFE482

#D2BA5E #FFE482

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

#D2BA5E - #FFE482 | 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 #D2BA5E as 0% and #FFE482 as 100%.

0.0%	0.0% #D2BA5E	RGB 210 186 94	#D2BA5E
16.7%	16.7% #D9C164	RGB 217 193 100	#D9C164
33.3%	33.3% #E1C86A	RGB 225 200 106	#E1C86A
50.0%	50.0% #E8CF70	RGB 232 207 112	#E8CF70
66.7%	66.7% #F0D676	RGB 240 214 118	#F0D676
83.3%	83.3% #F7DD7C	RGB 247 221 124	#F7DD7C
100.0%	100.0% #FFE482	RGB 255 228 130	#FFE482

#D2BA5E #D9C164 #E1C86A #E8CF70 #F0D676 #F7DD7C #FFE482

#D2BA5E - #FFE482

HSV Blend

#D2BA5E - #FFE482 | 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 #D2BA5E as 0% and #FFE482 as 100%.

0.0%	0.0% #D2BA5E	RGB 210 186 94	#D2BA5E
16.7%	16.7% #D9C063	RGB 217 192 99	#D9C063
33.3%	33.3% #E1C769	RGB 225 199 105	#E1C769
50.0%	50.0% #E8CE6F	RGB 232 206 111	#E8CE6F
66.7%	66.7% #F0D575	RGB 240 213 117	#F0D575
83.3%	83.3% #F7DC7B	RGB 247 220 123	#F7DC7B
100.0%	100.0% #FFE482	RGB 255 228 130	#FFE482

#D2BA5E #D9C063 #E1C769 #E8CE6F #F0D575 #F7DC7B #FFE482

#D2BA5E - #E8CE6F - #FFE482

CSS codes

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

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