#C2D178 - #FFEFA0 | 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 #C2D178 to #FFEFA0

#C2D178 #FFEFA0

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

#C2D178 - #FFEFA0 | 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 #C2D178 as 0% and #FFEFA0 as 100%.

0.0%	0.0% #C2D178	RGB 194 209 120	#C2D178
16.7%	16.7% #CCD67E	RGB 204 214 126	#CCD67E
33.3%	33.3% #D6DB85	RGB 214 219 133	#D6DB85
50.0%	50.0% #E0E08C	RGB 224 224 140	#E0E08C
66.7%	66.7% #EAE592	RGB 234 229 146	#EAE592
83.3%	83.3% #F4EA99	RGB 244 234 153	#F4EA99
100.0%	100.0% #FFEFA0	RGB 255 239 160	#FFEFA0

#C2D178 #CCD67E #D6DB85 #E0E08C #EAE592 #F4EA99 #FFEFA0

#C2D178 - #FFEFA0

HSV Blend

#C2D178 - #FFEFA0 | 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 #C2D178 as 0% and #FFEFA0 as 100%.

0.0%	0.0% #C2D178	RGB 194 209 120	#C2D178
16.7%	16.7% #CED87E	RGB 206 216 126	#CED87E
33.3%	33.3% #DBE084	RGB 219 224 132	#DBE084
50.0%	50.0% #E7E88B	RGB 231 232 139	#E7E88B
66.7%	66.7% #EFEA92	RGB 239 234 146	#EFEA92
83.3%	83.3% #F7EC98	RGB 247 236 152	#F7EC98
100.0%	100.0% #FFEFA0	RGB 255 239 160	#FFEFA0

#C2D178 #CED87E #DBE084 #E7E88B #EFEA92 #F7EC98 #FFEFA0

#C2D178 - #E7E88B - #FFEFA0

CSS codes

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

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