#DFD67E - #FFEFA2 | 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 #DFD67E to #FFEFA2

#DFD67E #FFEFA2

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

#DFD67E - #FFEFA2 | 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 #DFD67E as 0% and #FFEFA2 as 100%.

0.0%	0.0% #DFD67E	RGB 223 214 126	#DFD67E
16.7%	16.7% #E4DA84	RGB 228 218 132	#E4DA84
33.3%	33.3% #E9DE8A	RGB 233 222 138	#E9DE8A
50.0%	50.0% #EFE290	RGB 239 226 144	#EFE290
66.7%	66.7% #F4E696	RGB 244 230 150	#F4E696
83.3%	83.3% #F9EA9C	RGB 249 234 156	#F9EA9C
100.0%	100.0% #FFEFA2	RGB 255 239 162	#FFEFA2

#DFD67E #E4DA84 #E9DE8A #EFE290 #F4E696 #F9EA9C #FFEFA2

#DFD67E - #FFEFA2

HSV Blend

#DFD67E - #FFEFA2 | 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 #DFD67E as 0% and #FFEFA2 as 100%.

0.0%	0.0% #DFD67E	RGB 223 214 126	#DFD67E
16.7%	16.7% #E4DA83	RGB 228 218 131	#E4DA83
33.3%	33.3% #E9DE89	RGB 233 222 137	#E9DE89
50.0%	50.0% #EFE28F	RGB 239 226 143	#EFE28F
66.7%	66.7% #F4E695	RGB 244 230 149	#F4E695
83.3%	83.3% #F9EA9B	RGB 249 234 155	#F9EA9B
100.0%	100.0% #FFEFA2	RGB 255 239 162	#FFEFA2

#DFD67E #E4DA83 #E9DE89 #EFE28F #F4E695 #F9EA9B #FFEFA2

#DFD67E - #EFE28F - #FFEFA2

CSS codes

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

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