#C9CB4D - #FFEE81 | 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 #C9CB4D to #FFEE81

#C9CB4D #FFEE81

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

#C9CB4D - #FFEE81 | 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 #C9CB4D as 0% and #FFEE81 as 100%.

0.0%	0.0% #C9CB4D	RGB 201 203 77	#C9CB4D
16.7%	16.7% #D2D055	RGB 210 208 85	#D2D055
33.3%	33.3% #DBD65E	RGB 219 214 94	#DBD65E
50.0%	50.0% #E4DC67	RGB 228 220 103	#E4DC67
66.7%	66.7% #EDE26F	RGB 237 226 111	#EDE26F
83.3%	83.3% #F6E878	RGB 246 232 120	#F6E878
100.0%	100.0% #FFEE81	RGB 255 238 129	#FFEE81

#C9CB4D #D2D055 #DBD65E #E4DC67 #EDE26F #F6E878 #FFEE81

#C9CB4D - #FFEE81

HSV Blend

#C9CB4D - #FFEE81 | 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 #C9CB4D as 0% and #FFEE81 as 100%.

0.0%	0.0% #C9CB4D	RGB 201 203 77	#C9CB4D
16.7%	16.7% #D3D254	RGB 211 210 84	#D3D254
33.3%	33.3% #DCD75C	RGB 220 215 92	#DCD75C
50.0%	50.0% #E5DD65	RGB 229 221 101	#E5DD65
66.7%	66.7% #EDE26E	RGB 237 226 110	#EDE26E
83.3%	83.3% #F6E877	RGB 246 232 119	#F6E877
100.0%	100.0% #FFEE81	RGB 255 238 129	#FFEE81

#C9CB4D #D3D254 #DCD75C #E5DD65 #EDE26E #F6E877 #FFEE81

#C9CB4D - #E5DD65 - #FFEE81

CSS codes

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

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