#CECE3E - #F1F1C7 | 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 #CECE3E to #F1F1C7

#CECE3E #F1F1C7

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

#CECE3E - #F1F1C7 | 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 #CECE3E as 0% and #F1F1C7 as 100%.

0.0%	0.0% #CECE3E	RGB 206 206 62	#CECE3E
16.7%	16.7% #D3D354	RGB 211 211 84	#D3D354
33.3%	33.3% #D9D96B	RGB 217 217 107	#D9D96B
50.0%	50.0% #DFDF82	RGB 223 223 130	#DFDF82
66.7%	66.7% #E5E599	RGB 229 229 153	#E5E599
83.3%	83.3% #EBEBB0	RGB 235 235 176	#EBEBB0
100.0%	100.0% #F1F1C7	RGB 241 241 199	#F1F1C7

#CECE3E #D3D354 #D9D96B #DFDF82 #E5E599 #EBEBB0 #F1F1C7

#CECE3E - #F1F1C7

HSV Blend

#CECE3E - #F1F1C7 | 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 #CECE3E as 0% and #F1F1C7 as 100%.

0.0%	0.0% #CECE3E	RGB 206 206 62	#CECE3E
16.7%	16.7% #D3D352	RGB 211 211 82	#D3D352
33.3%	33.3% #D9D967	RGB 217 217 103	#D9D967
50.0%	50.0% #DFDF7D	RGB 223 223 125	#DFDF7D
66.7%	66.7% #E5E595	RGB 229 229 149	#E5E595
83.3%	83.3% #EBEBAD	RGB 235 235 173	#EBEBAD
100.0%	100.0% #F1F1C7	RGB 241 241 199	#F1F1C7

#CECE3E #D3D352 #D9D967 #DFDF7D #E5E595 #EBEBAD #F1F1C7

#CECE3E - #DFDF7D - #F1F1C7

CSS codes

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

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