#C9CC2B - #EFF0C2 | 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 #C9CC2B to #EFF0C2

#C9CC2B #EFF0C2

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

#C9CC2B - #EFF0C2 | 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 #C9CC2B as 0% and #EFF0C2 as 100%.

0.0%	0.0% #C9CC2B	RGB 201 204 43	#C9CC2B
16.7%	16.7% #CFD244	RGB 207 210 68	#CFD244
33.3%	33.3% #D5D85D	RGB 213 216 93	#D5D85D
50.0%	50.0% #DCDE76	RGB 220 222 118	#DCDE76
66.7%	66.7% #E2E48F	RGB 226 228 143	#E2E48F
83.3%	83.3% #E8EAA8	RGB 232 234 168	#E8EAA8
100.0%	100.0% #EFF0C2	RGB 239 240 194	#EFF0C2

#C9CC2B #CFD244 #D5D85D #DCDE76 #E2E48F #E8EAA8 #EFF0C2

#C9CC2B - #EFF0C2

HSV Blend

#C9CC2B - #EFF0C2 | 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 #C9CC2B as 0% and #EFF0C2 as 100%.

0.0%	0.0% #C9CC2B	RGB 201 204 43	#C9CC2B
16.7%	16.7% #CFD241	RGB 207 210 65	#CFD241
33.3%	33.3% #D5D858	RGB 213 216 88	#D5D858
50.0%	50.0% #DBDE71	RGB 219 222 113	#DBDE71
66.7%	66.7% #E2E48A	RGB 226 228 138	#E2E48A
83.3%	83.3% #E8EAA5	RGB 232 234 165	#E8EAA5
100.0%	100.0% #EFF0C2	RGB 239 240 194	#EFF0C2

#C9CC2B #CFD241 #D5D858 #DBDE71 #E2E48A #E8EAA5 #EFF0C2

#C9CC2B - #DBDE71 - #EFF0C2

CSS codes

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

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