#D1B05C - #FFE07F | 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 #D1B05C to #FFE07F

#D1B05C #FFE07F

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

#D1B05C - #FFE07F | 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 #D1B05C as 0% and #FFE07F as 100%.

0.0%	0.0% #D1B05C	RGB 209 176 92	#D1B05C
16.7%	16.7% #D8B861	RGB 216 184 97	#D8B861
33.3%	33.3% #E0C067	RGB 224 192 103	#E0C067
50.0%	50.0% #E8C86D	RGB 232 200 109	#E8C86D
66.7%	66.7% #EFD073	RGB 239 208 115	#EFD073
83.3%	83.3% #F7D879	RGB 247 216 121	#F7D879
100.0%	100.0% #FFE07F	RGB 255 224 127	#FFE07F

#D1B05C #D8B861 #E0C067 #E8C86D #EFD073 #F7D879 #FFE07F

#D1B05C - #FFE07F

HSV Blend

#D1B05C - #FFE07F | 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 #D1B05C as 0% and #FFE07F as 100%.

0.0%	0.0% #D1B05C	RGB 209 176 92	#D1B05C
16.7%	16.7% #D8B761	RGB 216 183 97	#D8B761
33.3%	33.3% #E0BF67	RGB 224 191 103	#E0BF67
50.0%	50.0% #E8C76C	RGB 232 199 108	#E8C76C
66.7%	66.7% #EFCF72	RGB 239 207 114	#EFCF72
83.3%	83.3% #F7D778	RGB 247 215 120	#F7D778
100.0%	100.0% #FFE07F	RGB 255 224 127	#FFE07F

#D1B05C #D8B761 #E0BF67 #E8C76C #EFCF72 #F7D778 #FFE07F

#D1B05C - #E8C76C - #FFE07F

CSS codes

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

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