#E2D964 - #FFEF8F | 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 #E2D964 to #FFEF8F

#E2D964 #FFEF8F

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

#E2D964 - #FFEF8F | 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 #E2D964 as 0% and #FFEF8F as 100%.

0.0%	0.0% #E2D964	RGB 226 217 100	#E2D964
16.7%	16.7% #E6DC6B	RGB 230 220 107	#E6DC6B
33.3%	33.3% #EBE072	RGB 235 224 114	#EBE072
50.0%	50.0% #F0E479	RGB 240 228 121	#F0E479
66.7%	66.7% #F5E780	RGB 245 231 128	#F5E780
83.3%	83.3% #FAEB87	RGB 250 235 135	#FAEB87
100.0%	100.0% #FFEF8F	RGB 255 239 143	#FFEF8F

#E2D964 #E6DC6B #EBE072 #F0E479 #F5E780 #FAEB87 #FFEF8F

#E2D964 - #FFEF8F

HSV Blend

#E2D964 - #FFEF8F | 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 #E2D964 as 0% and #FFEF8F as 100%.

0.0%	0.0% #E2D964	RGB 226 217 100	#E2D964
16.7%	16.7% #E6DC6A	RGB 230 220 106	#E6DC6A
33.3%	33.3% #EBE071	RGB 235 224 113	#EBE071
50.0%	50.0% #F0E378	RGB 240 227 120	#F0E378
66.7%	66.7% #F5E77F	RGB 245 231 127	#F5E77F
83.3%	83.3% #FAEB87	RGB 250 235 135	#FAEB87
100.0%	100.0% #FFEF8F	RGB 255 239 143	#FFEF8F

#E2D964 #E6DC6A #EBE071 #F0E378 #F5E77F #FAEB87 #FFEF8F

#E2D964 - #F0E378 - #FFEF8F

CSS codes

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

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