#DBB76C - #FFE68F | 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 #DBB76C to #FFE68F

#DBB76C #FFE68F

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

#DBB76C - #FFE68F | 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 #DBB76C as 0% and #FFE68F as 100%.

0.0%	0.0% #DBB76C	RGB 219 183 108	#DBB76C
16.7%	16.7% #E1BE71	RGB 225 190 113	#E1BE71
33.3%	33.3% #E7C677	RGB 231 198 119	#E7C677
50.0%	50.0% #EDCE7D	RGB 237 206 125	#EDCE7D
66.7%	66.7% #F3D683	RGB 243 214 131	#F3D683
83.3%	83.3% #F9DE89	RGB 249 222 137	#F9DE89
100.0%	100.0% #FFE68F	RGB 255 230 143	#FFE68F

#DBB76C #E1BE71 #E7C677 #EDCE7D #F3D683 #F9DE89 #FFE68F

#DBB76C - #FFE68F

HSV Blend

#DBB76C - #FFE68F | 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 #DBB76C as 0% and #FFE68F as 100%.

0.0%	0.0% #DBB76C	RGB 219 183 108	#DBB76C
16.7%	16.7% #E1BE71	RGB 225 190 113	#E1BE71
33.3%	33.3% #E7C677	RGB 231 198 119	#E7C677
50.0%	50.0% #EDCE7C	RGB 237 206 124	#EDCE7C
66.7%	66.7% #F3D682	RGB 243 214 130	#F3D682
83.3%	83.3% #F9DE88	RGB 249 222 136	#F9DE88
100.0%	100.0% #FFE68F	RGB 255 230 143	#FFE68F

#DBB76C #E1BE71 #E7C677 #EDCE7C #F3D682 #F9DE88 #FFE68F

#DBB76C - #EDCE7C - #FFE68F

CSS codes

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

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