#CDCE5E - #F0F1D1 | 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 #CDCE5E to #F0F1D1

#CDCE5E #F0F1D1

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

#CDCE5E - #F0F1D1 | 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 #CDCE5E as 0% and #F0F1D1 as 100%.

0.0%	0.0% #CDCE5E	RGB 205 206 94	#CDCE5E
16.7%	16.7% #D2D371	RGB 210 211 113	#D2D371
33.3%	33.3% #D8D984	RGB 216 217 132	#D8D984
50.0%	50.0% #DEDF97	RGB 222 223 151	#DEDF97
66.7%	66.7% #E4E5AA	RGB 228 229 170	#E4E5AA
83.3%	83.3% #EAEBBD	RGB 234 235 189	#EAEBBD
100.0%	100.0% #F0F1D1	RGB 240 241 209	#F0F1D1

#CDCE5E #D2D371 #D8D984 #DEDF97 #E4E5AA #EAEBBD #F0F1D1

#CDCE5E - #F0F1D1

HSV Blend

#CDCE5E - #F0F1D1 | 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 #CDCE5E as 0% and #F0F1D1 as 100%.

0.0%	0.0% #CDCE5D	RGB 205 206 93	#CDCE5D
16.7%	16.7% #D2D36F	RGB 210 211 111	#D2D36F
33.3%	33.3% #D8D981	RGB 216 217 129	#D8D981
50.0%	50.0% #DDDF93	RGB 221 223 147	#DDDF93
66.7%	66.7% #E3E5A7	RGB 227 229 167	#E3E5A7
83.3%	83.3% #E9EBBB	RGB 233 235 187	#E9EBBB
100.0%	100.0% #F0F1D1	RGB 240 241 209	#F0F1D1

#CDCE5D #D2D36F #D8D981 #DDDF93 #E3E5A7 #E9EBBB #F0F1D1

#CDCE5E - #DDDF93 - #F0F1D1

CSS codes

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

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