#D4EB6C - #FFF6E1 | 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 #D4EB6C to #FFF6E1

#D4EB6C #FFF6E1

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

#D4EB6C - #FFF6E1 | 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 #D4EB6C as 0% and #FFF6E1 as 100%.

0.0%	0.0% #D4EB6C	RGB 212 235 108	#D4EB6C
16.7%	16.7% #DBEC7F	RGB 219 236 127	#DBEC7F
33.3%	33.3% #E2EE93	RGB 226 238 147	#E2EE93
50.0%	50.0% #E9F0A6	RGB 233 240 166	#E9F0A6
66.7%	66.7% #F0F2BA	RGB 240 242 186	#F0F2BA
83.3%	83.3% #F7F4CD	RGB 247 244 205	#F7F4CD
100.0%	100.0% #FFF6E1	RGB 255 246 225	#FFF6E1

#D4EB6C #DBEC7F #E2EE93 #E9F0A6 #F0F2BA #F7F4CD #FFF6E1

#D4EB6C - #FFF6E1

HSV Blend

#D4EB6C - #FFF6E1 | 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 #D4EB6C as 0% and #FFF6E1 as 100%.

0.0%	0.0% #D4EB6C	RGB 212 235 108	#D4EB6C
16.7%	16.7% #E3EE7E	RGB 227 238 126	#E3EE7E
33.3%	33.3% #EFF191	RGB 239 241 145	#EFF191
50.0%	50.0% #F5F0A4	RGB 245 240 164	#F5F0A4
66.7%	66.7% #F8EFB8	RGB 248 239 184	#F8EFB8
83.3%	83.3% #FBF1CC	RGB 251 241 204	#FBF1CC
100.0%	100.0% #FFF6E1	RGB 255 246 225	#FFF6E1

#D4EB6C #E3EE7E #EFF191 #F5F0A4 #F8EFB8 #FBF1CC #FFF6E1

#D4EB6C - #F5F0A4 - #FFF6E1

CSS codes

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

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