#CECE5A - #F1F1CF | 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 #CECE5A to #F1F1CF

#CECE5A #F1F1CF

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

#CECE5A - #F1F1CF | 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 #CECE5A as 0% and #F1F1CF as 100%.

0.0%	0.0% #CECE5A	RGB 206 206 90	#CECE5A
16.7%	16.7% #D3D36D	RGB 211 211 109	#D3D36D
33.3%	33.3% #D9D981	RGB 217 217 129	#D9D981
50.0%	50.0% #DFDF94	RGB 223 223 148	#DFDF94
66.7%	66.7% #E5E5A8	RGB 229 229 168	#E5E5A8
83.3%	83.3% #EBEBBB	RGB 235 235 187	#EBEBBB
100.0%	100.0% #F1F1CF	RGB 241 241 207	#F1F1CF

#CECE5A #D3D36D #D9D981 #DFDF94 #E5E5A8 #EBEBBB #F1F1CF

#CECE5A - #F1F1CF

HSV Blend

#CECE5A - #F1F1CF | 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 #CECE5A as 0% and #F1F1CF as 100%.

0.0%	0.0% #CECE5A	RGB 206 206 90	#CECE5A
16.7%	16.7% #D3D36B	RGB 211 211 107	#D3D36B
33.3%	33.3% #D9D97D	RGB 217 217 125	#D9D97D
50.0%	50.0% #DFDF90	RGB 223 223 144	#DFDF90
66.7%	66.7% #E5E5A4	RGB 229 229 164	#E5E5A4
83.3%	83.3% #EBEBB9	RGB 235 235 185	#EBEBB9
100.0%	100.0% #F1F1CF	RGB 241 241 207	#F1F1CF

#CECE5A #D3D36B #D9D97D #DFDF90 #E5E5A4 #EBEBB9 #F1F1CF

#CECE5A - #DFDF90 - #F1F1CF

CSS codes

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

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