#C2D986 - #FFF0AA | 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 #C2D986 to #FFF0AA

#C2D986 #FFF0AA

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

#C2D986 - #FFF0AA | 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 #C2D986 as 0% and #FFF0AA as 100%.

0.0%	0.0% #C2D986	RGB 194 217 134	#C2D986
16.7%	16.7% #CCDC8C	RGB 204 220 140	#CCDC8C
33.3%	33.3% #D6E092	RGB 214 224 146	#D6E092
50.0%	50.0% #E0E498	RGB 224 228 152	#E0E498
66.7%	66.7% #EAE89E	RGB 234 232 158	#EAE89E
83.3%	83.3% #F4ECA4	RGB 244 236 164	#F4ECA4
100.0%	100.0% #FFF0AA	RGB 255 240 170	#FFF0AA

#C2D986 #CCDC8C #D6E092 #E0E498 #EAE89E #F4ECA4 #FFF0AA

#C2D986 - #FFF0AA

HSV Blend

#C2D986 - #FFF0AA | 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 #C2D986 as 0% and #FFF0AA as 100%.

0.0%	0.0% #C2D986	RGB 194 217 134	#C2D986
16.7%	16.7% #CEDF8B	RGB 206 223 139	#CEDF8B
33.3%	33.3% #DBE591	RGB 219 229 145	#DBE591
50.0%	50.0% #E7EC97	RGB 231 236 151	#E7EC97
66.7%	66.7% #F2F09D	RGB 242 240 157	#F2F09D
83.3%	83.3% #F8F0A3	RGB 248 240 163	#F8F0A3
100.0%	100.0% #FFF0AA	RGB 255 240 170	#FFF0AA

#C2D986 #CEDF8B #DBE591 #E7EC97 #F2F09D #F8F0A3 #FFF0AA

#C2D986 - #E7EC97 - #FFF0AA

CSS codes

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

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