#DBB27C - #FFE69E | 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 #DBB27C to #FFE69E

#DBB27C #FFE69E

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

#DBB27C - #FFE69E | 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 #DBB27C as 0% and #FFE69E as 100%.

0.0%	0.0% #DBB27C	RGB 219 178 124	#DBB27C
16.7%	16.7% #E1BA81	RGB 225 186 129	#E1BA81
33.3%	33.3% #E7C387	RGB 231 195 135	#E7C387
50.0%	50.0% #EDCC8D	RGB 237 204 141	#EDCC8D
66.7%	66.7% #F3D492	RGB 243 212 146	#F3D492
83.3%	83.3% #F9DD98	RGB 249 221 152	#F9DD98
100.0%	100.0% #FFE69E	RGB 255 230 158	#FFE69E

#DBB27C #E1BA81 #E7C387 #EDCC8D #F3D492 #F9DD98 #FFE69E

#DBB27C - #FFE69E

HSV Blend

#DBB27C - #FFE69E | 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 #DBB27C as 0% and #FFE69E as 100%.

0.0%	0.0% #DBB27C	RGB 219 178 124	#DBB27C
16.7%	16.7% #E1BA81	RGB 225 186 129	#E1BA81
33.3%	33.3% #E7C386	RGB 231 195 134	#E7C386
50.0%	50.0% #EDCB8C	RGB 237 203 140	#EDCB8C
66.7%	66.7% #F3D492	RGB 243 212 146	#F3D492
83.3%	83.3% #F9DD98	RGB 249 221 152	#F9DD98
100.0%	100.0% #FFE69E	RGB 255 230 158	#FFE69E

#DBB27C #E1BA81 #E7C386 #EDCB8C #F3D492 #F9DD98 #FFE69E

#DBB27C - #EDCB8C - #FFE69E

CSS codes

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

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