#CBBB2D - #F0ECC3 | 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 #CBBB2D to #F0ECC3

#CBBB2D #F0ECC3

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

#CBBB2D - #F0ECC3 | 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 #CBBB2D as 0% and #F0ECC3 as 100%.

0.0%	0.0% #CBBB2D	RGB 203 187 45	#CBBB2D
16.7%	16.7% #D1C346	RGB 209 195 70	#D1C346
33.3%	33.3% #D7CB5F	RGB 215 203 95	#D7CB5F
50.0%	50.0% #DDD378	RGB 221 211 120	#DDD378
66.7%	66.7% #E3DB91	RGB 227 219 145	#E3DB91
83.3%	83.3% #E9E3AA	RGB 233 227 170	#E9E3AA
100.0%	100.0% #F0ECC3	RGB 240 236 195	#F0ECC3

#CBBB2D #D1C346 #D7CB5F #DDD378 #E3DB91 #E9E3AA #F0ECC3

#CBBB2D - #F0ECC3

HSV Blend

#CBBB2D - #F0ECC3 | 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 #CBBB2D as 0% and #F0ECC3 as 100%.

0.0%	0.0% #CBBB2D	RGB 203 187 45	#CBBB2D
16.7%	16.7% #D1C342	RGB 209 195 66	#D1C342
33.3%	33.3% #D7CB5A	RGB 215 203 90	#D7CB5A
50.0%	50.0% #DDD372	RGB 221 211 114	#DDD372
66.7%	66.7% #E3DB8C	RGB 227 219 140	#E3DB8C
83.3%	83.3% #E9E3A6	RGB 233 227 166	#E9E3A6
100.0%	100.0% #F0ECC3	RGB 240 236 195	#F0ECC3

#CBBB2D #D1C342 #D7CB5A #DDD372 #E3DB8C #E9E3A6 #F0ECC3

#CBBB2D - #DDD372 - #F0ECC3

CSS codes

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

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