#EFE28C - #D4B438 | 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 #EFE28C to #D4B438

#EFE28C #D4B438

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

#EFE28C - #D4B438 | 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 #EFE28C as 0% and #D4B438 as 100%.

0.0%	0.0% #EFE28C	RGB 239 226 140	#EFE28C
16.7%	16.7% #EADA7E	RGB 234 218 126	#EADA7E
33.3%	33.3% #E6D270	RGB 230 210 112	#E6D270
50.0%	50.0% #E1CB62	RGB 225 203 98	#E1CB62
66.7%	66.7% #DDC354	RGB 221 195 84	#DDC354
83.3%	83.3% #D8BB46	RGB 216 187 70	#D8BB46
100.0%	100.0% #D4B438	RGB 212 180 56	#D4B438

#EFE28C #EADA7E #E6D270 #E1CB62 #DDC354 #D8BB46 #D4B438

#EFE28C - #D4B438

HSV Blend

#EFE28C - #D4B438 | 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 #EFE28C as 0% and #D4B438 as 100%.

0.0%	0.0% #EFE28C	RGB 239 226 140	#EFE28C
16.7%	16.7% #EADA7C	RGB 234 218 124	#EADA7C
33.3%	33.3% #E6D36E	RGB 230 211 110	#E6D36E
50.0%	50.0% #E1CB5F	RGB 225 203 95	#E1CB5F
66.7%	66.7% #DDC352	RGB 221 195 82	#DDC352
83.3%	83.3% #D8BC44	RGB 216 188 68	#D8BC44
100.0%	100.0% #D4B438	RGB 212 180 56	#D4B438

#EFE28C #EADA7C #E6D36E #E1CB5F #DDC352 #D8BC44 #D4B438

#EFE28C - #E1CB5F - #D4B438

CSS codes

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

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