#FCF0E2 - #CDD191 | 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 #FCF0E2 to #CDD191

#FCF0E2 #CDD191

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

#FCF0E2 - #CDD191 | 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 #FCF0E2 as 0% and #CDD191 as 100%.

0.0%	0.0% #FCF0E2	RGB 252 240 226	#FCF0E2
16.7%	16.7% #F4EAD4	RGB 244 234 212	#F4EAD4
33.3%	33.3% #ECE5C7	RGB 236 229 199	#ECE5C7
50.0%	50.0% #E4E0B9	RGB 228 224 185	#E4E0B9
66.7%	66.7% #DCDBAC	RGB 220 219 172	#DCDBAC
83.3%	83.3% #D4D69E	RGB 212 214 158	#D4D69E
100.0%	100.0% #CDD191	RGB 205 209 145	#CDD191

#FCF0E2 #F4EAD4 #ECE5C7 #E4E0B9 #DCDBAC #D4D69E #CDD191

#FCF0E2 - #CDD191

HSV Blend

#FCF0E2 - #CDD191 | 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 #FCF0E2 as 0% and #CDD191 as 100%.

0.0%	0.0% #FCF0E2	RGB 252 240 226	#FCF0E2
16.7%	16.7% #F4E8D3	RGB 244 232 211	#F4E8D3
33.3%	33.3% #EDE2C5	RGB 237 226 197	#EDE2C5
50.0%	50.0% #E6DDB7	RGB 230 221 183	#E6DDB7
66.7%	66.7% #DFD9AA	RGB 223 217 170	#DFD9AA
83.3%	83.3% #D8D69D	RGB 216 214 157	#D8D69D
100.0%	100.0% #CDD191	RGB 205 209 145	#CDD191

#FCF0E2 #F4E8D3 #EDE2C5 #E6DDB7 #DFD9AA #D8D69D #CDD191

#FCF0E2 - #E6DDB7 - #CDD191

CSS codes

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

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