#F2F0CD - #CDD67C | 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 #F2F0CD to #CDD67C

#F2F0CD #CDD67C

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

#F2F0CD - #CDD67C | 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 #F2F0CD as 0% and #CDD67C as 100%.

0.0%	0.0% #F2F0CD	RGB 242 240 205	#F2F0CD
16.7%	16.7% #EBEBBF	RGB 235 235 191	#EBEBBF
33.3%	33.3% #E5E7B2	RGB 229 231 178	#E5E7B2
50.0%	50.0% #DFE3A4	RGB 223 227 164	#DFE3A4
66.7%	66.7% #D9DE97	RGB 217 222 151	#D9DE97
83.3%	83.3% #D3DA89	RGB 211 218 137	#D3DA89
100.0%	100.0% #CDD67C	RGB 205 214 124	#CDD67C

#F2F0CD #EBEBBF #E5E7B2 #DFE3A4 #D9DE97 #D3DA89 #CDD67C

#F2F0CD - #CDD67C

HSV Blend

#F2F0CD - #CDD67C | 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 #F2F0CD as 0% and #CDD67C as 100%.

0.0%	0.0% #F2F0CD	RGB 242 240 205	#F2F0CD
16.7%	16.7% #EDECBE	RGB 237 236 190	#EDECBE
33.3%	33.3% #E8E8B0	RGB 232 232 176	#E8E8B0
50.0%	50.0% #E2E4A2	RGB 226 228 162	#E2E4A2
66.7%	66.7% #DBDF95	RGB 219 223 149	#DBDF95
83.3%	83.3% #D4DA88	RGB 212 218 136	#D4DA88
100.0%	100.0% #CDD67C	RGB 205 214 124	#CDD67C

#F2F0CD #EDECBE #E8E8B0 #E2E4A2 #DBDF95 #D4DA88 #CDD67C

#F2F0CD - #E2E4A2 - #CDD67C

CSS codes

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

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