#ECEC4D - #F9F9CC | 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 #ECEC4D to #F9F9CC

#ECEC4D #F9F9CC

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

#ECEC4D - #F9F9CC | 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 #ECEC4D as 0% and #F9F9CC as 100%.

0.0%	0.0% #ECEC4D	RGB 236 236 77	#ECEC4D
16.7%	16.7% #EEEE62	RGB 238 238 98	#EEEE62
33.3%	33.3% #F0F077	RGB 240 240 119	#F0F077
50.0%	50.0% #F2F28C	RGB 242 242 140	#F2F28C
66.7%	66.7% #F4F4A1	RGB 244 244 161	#F4F4A1
83.3%	83.3% #F6F6B6	RGB 246 246 182	#F6F6B6
100.0%	100.0% #F9F9CC	RGB 249 249 204	#F9F9CC

#ECEC4D #EEEE62 #F0F077 #F2F28C #F4F4A1 #F6F6B6 #F9F9CC

#ECEC4D - #F9F9CC

HSV Blend

#ECEC4D - #F9F9CC | 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 #ECEC4D as 0% and #F9F9CC as 100%.

0.0%	0.0% #ECEC4D	RGB 236 236 77	#ECEC4D
16.7%	16.7% #EEEE61	RGB 238 238 97	#EEEE61
33.3%	33.3% #F0F075	RGB 240 240 117	#F0F075
50.0%	50.0% #F2F28A	RGB 242 242 138	#F2F28A
66.7%	66.7% #F4F4A0	RGB 244 244 160	#F4F4A0
83.3%	83.3% #F6F6B5	RGB 246 246 181	#F6F6B5
100.0%	100.0% #F9F9CC	RGB 249 249 204	#F9F9CC

#ECEC4D #EEEE61 #F0F075 #F2F28A #F4F4A0 #F6F6B5 #F9F9CC

#ECEC4D - #F2F28A - #F9F9CC

CSS codes

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

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