#C2D69B - #FCEFB7 | 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 #C2D69B to #FCEFB7

#C2D69B #FCEFB7

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

#C2D69B - #FCEFB7 | 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 #C2D69B as 0% and #FCEFB7 as 100%.

0.0%	0.0% #C2D69B	RGB 194 214 155	#C2D69B
16.7%	16.7% #CBDA9F	RGB 203 218 159	#CBDA9F
33.3%	33.3% #D5DEA4	RGB 213 222 164	#D5DEA4
50.0%	50.0% #DFE2A9	RGB 223 226 169	#DFE2A9
66.7%	66.7% #E8E6AD	RGB 232 230 173	#E8E6AD
83.3%	83.3% #F2EAB2	RGB 242 234 178	#F2EAB2
100.0%	100.0% #FCEFB7	RGB 252 239 183	#FCEFB7

#C2D69B #CBDA9F #D5DEA4 #DFE2A9 #E8E6AD #F2EAB2 #FCEFB7

#C2D69B - #FCEFB7

HSV Blend

#C2D69B - #FCEFB7 | 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 #C2D69B as 0% and #FCEFB7 as 100%.

0.0%	0.0% #C2D69B	RGB 194 214 155	#C2D69B
16.7%	16.7% #CDDC9F	RGB 205 220 159	#CDDC9F
33.3%	33.3% #D8E2A4	RGB 216 226 164	#D8E2A4
50.0%	50.0% #E4E9A8	RGB 228 233 168	#E4E9A8
66.7%	66.7% #EFEEAD	RGB 239 238 173	#EFEEAD
83.3%	83.3% #F5EEB2	RGB 245 238 178	#F5EEB2
100.0%	100.0% #FCEFB7	RGB 252 239 183	#FCEFB7

#C2D69B #CDDC9F #D8E2A4 #E4E9A8 #EFEEAD #F5EEB2 #FCEFB7

#C2D69B - #E4E9A8 - #FCEFB7

CSS codes

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

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