#F1F2D9 - #C7D58B | 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 #F1F2D9 to #C7D58B

#F1F2D9 #C7D58B

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

#F1F2D9 - #C7D58B | 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 #F1F2D9 as 0% and #C7D58B as 100%.

0.0%	0.0% #F1F2D9	RGB 241 242 217	#F1F2D9
16.7%	16.7% #EAEDCC	RGB 234 237 204	#EAEDCC
33.3%	33.3% #E3E8BF	RGB 227 232 191	#E3E8BF
50.0%	50.0% #DCE3B2	RGB 220 227 178	#DCE3B2
66.7%	66.7% #D5DEA5	RGB 213 222 165	#D5DEA5
83.3%	83.3% #CED998	RGB 206 217 152	#CED998
100.0%	100.0% #C7D58B	RGB 199 213 139	#C7D58B

#F1F2D9 #EAEDCC #E3E8BF #DCE3B2 #D5DEA5 #CED998 #C7D58B

#F1F2D9 - #C7D58B

HSV Blend

#F1F2D9 - #C7D58B | 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 #F1F2D9 as 0% and #C7D58B as 100%.

0.0%	0.0% #F1F2D9	RGB 241 242 217	#F1F2D9
16.7%	16.7% #EAEDCB	RGB 234 237 203	#EAEDCB
33.3%	33.3% #E4E8BD	RGB 228 232 189	#E4E8BD
50.0%	50.0% #DDE3B0	RGB 221 227 176	#DDE3B0
66.7%	66.7% #D6DEA3	RGB 214 222 163	#D6DEA3
83.3%	83.3% #CED997	RGB 206 217 151	#CED997
100.0%	100.0% #C7D58B	RGB 199 213 139	#C7D58B

#F1F2D9 #EAEDCB #E4E8BD #DDE3B0 #D6DEA3 #CED997 #C7D58B

#F1F2D9 - #DDE3B0 - #C7D58B

CSS codes

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

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