#C5C850 - #EEEFCD | 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 #C5C850 to #EEEFCD

#C5C850 #EEEFCD

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

#C5C850 - #EEEFCD | 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 #C5C850 as 0% and #EEEFCD as 100%.

0.0%	0.0% #C5C850	RGB 197 200 80	#C5C850
16.7%	16.7% #CBCE64	RGB 203 206 100	#CBCE64
33.3%	33.3% #D2D579	RGB 210 213 121	#D2D579
50.0%	50.0% #D9DB8E	RGB 217 219 142	#D9DB8E
66.7%	66.7% #E0E2A3	RGB 224 226 163	#E0E2A3
83.3%	83.3% #E7E8B8	RGB 231 232 184	#E7E8B8
100.0%	100.0% #EEEFCD	RGB 238 239 205	#EEEFCD

#C5C850 #CBCE64 #D2D579 #D9DB8E #E0E2A3 #E7E8B8 #EEEFCD

#C5C850 - #EEEFCD

HSV Blend

#C5C850 - #EEEFCD | 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 #C5C850 as 0% and #EEEFCD as 100%.

0.0%	0.0% #C5C850	RGB 197 200 80	#C5C850
16.7%	16.7% #CBCE62	RGB 203 206 98	#CBCE62
33.3%	33.3% #D2D575	RGB 210 213 117	#D2D575
50.0%	50.0% #D9DB8A	RGB 217 219 138	#D9DB8A
66.7%	66.7% #E0E29F	RGB 224 226 159	#E0E29F
83.3%	83.3% #E7E8B5	RGB 231 232 181	#E7E8B5
100.0%	100.0% #EEEFCD	RGB 238 239 205	#EEEFCD

#C5C850 #CBCE62 #D2D575 #D9DB8A #E0E29F #E7E8B5 #EEEFCD

#C5C850 - #D9DB8A - #EEEFCD

CSS codes

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

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