#C0DB74 - #FFF19E | 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 #C0DB74 to #FFF19E

#C0DB74 #FFF19E

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

#C0DB74 - #FFF19E | 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 #C0DB74 as 0% and #FFF19E as 100%.

0.0%	0.0% #C0DB74	RGB 192 219 116	#C0DB74
16.7%	16.7% #CADE7B	RGB 202 222 123	#CADE7B
33.3%	33.3% #D5E282	RGB 213 226 130	#D5E282
50.0%	50.0% #DFE689	RGB 223 230 137	#DFE689
66.7%	66.7% #EAE990	RGB 234 233 144	#EAE990
83.3%	83.3% #F4ED97	RGB 244 237 151	#F4ED97
100.0%	100.0% #FFF19E	RGB 255 241 158	#FFF19E

#C0DB74 #CADE7B #D5E282 #DFE689 #EAE990 #F4ED97 #FFF19E

#C0DB74 - #FFF19E

HSV Blend

#C0DB74 - #FFF19E | 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 #C0DB74 as 0% and #FFF19E as 100%.

0.0%	0.0% #C0DB74	RGB 192 219 116	#C0DB74
16.7%	16.7% #CDE17A	RGB 205 225 122	#CDE17A
33.3%	33.3% #DAE781	RGB 218 231 129	#DAE781
50.0%	50.0% #E7ED88	RGB 231 237 136	#E7ED88
66.7%	66.7% #F3F28F	RGB 243 242 143	#F3F28F
83.3%	83.3% #F9F196	RGB 249 241 150	#F9F196
100.0%	100.0% #FFF19E	RGB 255 241 158	#FFF19E

#C0DB74 #CDE17A #DAE781 #E7ED88 #F3F28F #F9F196 #FFF19E

#C0DB74 - #E7ED88 - #FFF19E

CSS codes

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

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