#CEC34F - #F1EDCC | 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 #CEC34F to #F1EDCC

#CEC34F #F1EDCC

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

#CEC34F - #F1EDCC | 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 #CEC34F as 0% and #F1EDCC as 100%.

0.0%	0.0% #CEC34F	RGB 206 195 79	#CEC34F
16.7%	16.7% #D3CA63	RGB 211 202 99	#D3CA63
33.3%	33.3% #D9D178	RGB 217 209 120	#D9D178
50.0%	50.0% #DFD88D	RGB 223 216 141	#DFD88D
66.7%	66.7% #E5DFA2	RGB 229 223 162	#E5DFA2
83.3%	83.3% #EBE6B7	RGB 235 230 183	#EBE6B7
100.0%	100.0% #F1EDCC	RGB 241 237 204	#F1EDCC

#CEC34F #D3CA63 #D9D178 #DFD88D #E5DFA2 #EBE6B7 #F1EDCC

#CEC34F - #F1EDCC

HSV Blend

#CEC34F - #F1EDCC | 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 #CEC34F as 0% and #F1EDCC as 100%.

0.0%	0.0% #CEC34F	RGB 206 195 79	#CEC34F
16.7%	16.7% #D3C961	RGB 211 201 97	#D3C961
33.3%	33.3% #D9D075	RGB 217 208 117	#D9D075
50.0%	50.0% #DFD789	RGB 223 215 137	#DFD789
66.7%	66.7% #E5DE9E	RGB 229 222 158	#E5DE9E
83.3%	83.3% #EBE5B4	RGB 235 229 180	#EBE5B4
100.0%	100.0% #F1EDCC	RGB 241 237 204	#F1EDCC

#CEC34F #D3C961 #D9D075 #DFD789 #E5DE9E #EBE5B4 #F1EDCC

#CEC34F - #DFD789 - #F1EDCC

CSS codes

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

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