#D9CD4D - #FFEA78 | 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 #D9CD4D to #FFEA78

#D9CD4D #FFEA78

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

#D9CD4D - #FFEA78 | 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 #D9CD4D as 0% and #FFEA78 as 100%.

0.0%	0.0% #D9CD4D	RGB 217 205 77	#D9CD4D
16.7%	16.7% #DFD154	RGB 223 209 84	#DFD154
33.3%	33.3% #E5D65B	RGB 229 214 91	#E5D65B
50.0%	50.0% #ECDB62	RGB 236 219 98	#ECDB62
66.7%	66.7% #F2E069	RGB 242 224 105	#F2E069
83.3%	83.3% #F8E570	RGB 248 229 112	#F8E570
100.0%	100.0% #FFEA78	RGB 255 234 120	#FFEA78

#D9CD4D #DFD154 #E5D65B #ECDB62 #F2E069 #F8E570 #FFEA78

#D9CD4D - #FFEA78

HSV Blend

#D9CD4D - #FFEA78 | 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 #D9CD4D as 0% and #FFEA78 as 100%.

0.0%	0.0% #D9CD4C	RGB 217 205 76	#D9CD4C
16.7%	16.7% #DFD153	RGB 223 209 83	#DFD153
33.3%	33.3% #E5D65A	RGB 229 214 90	#E5D65A
50.0%	50.0% #ECDB61	RGB 236 219 97	#ECDB61
66.7%	66.7% #F2E068	RGB 242 224 104	#F2E068
83.3%	83.3% #F8E570	RGB 248 229 112	#F8E570
100.0%	100.0% #FFEA78	RGB 255 234 120	#FFEA78

#D9CD4C #DFD153 #E5D65A #ECDB61 #F2E068 #F8E570 #FFEA78

#D9CD4D - #ECDB61 - #FFEA78

CSS codes

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

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