#C8D06F - #EFF1D5 | 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 #C8D06F to #EFF1D5

#C8D06F #EFF1D5

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

#C8D06F - #EFF1D5 | 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 #C8D06F as 0% and #EFF1D5 as 100%.

0.0%	0.0% #C8D06F	RGB 200 208 111	#C8D06F
16.7%	16.7% #CED580	RGB 206 213 128	#CED580
33.3%	33.3% #D5DB91	RGB 213 219 145	#D5DB91
50.0%	50.0% #DBE0A2	RGB 219 224 162	#DBE0A2
66.7%	66.7% #E2E6B3	RGB 226 230 179	#E2E6B3
83.3%	83.3% #E8EBC4	RGB 232 235 196	#E8EBC4
100.0%	100.0% #EFF1D5	RGB 239 241 213	#EFF1D5

#C8D06F #CED580 #D5DB91 #DBE0A2 #E2E6B3 #E8EBC4 #EFF1D5

#C8D06F - #EFF1D5

HSV Blend

#C8D06F - #EFF1D5 | 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 #C8D06F as 0% and #EFF1D5 as 100%.

0.0%	0.0% #C8D06F	RGB 200 208 111	#C8D06F
16.7%	16.7% #CED57E	RGB 206 213 126	#CED57E
33.3%	33.3% #D4DB8E	RGB 212 219 142	#D4DB8E
50.0%	50.0% #DBE09F	RGB 219 224 159	#DBE09F
66.7%	66.7% #E1E6B0	RGB 225 230 176	#E1E6B0
83.3%	83.3% #E8EBC2	RGB 232 235 194	#E8EBC2
100.0%	100.0% #EFF1D5	RGB 239 241 213	#EFF1D5

#C8D06F #CED57E #D4DB8E #DBE09F #E1E6B0 #E8EBC2 #EFF1D5

#C8D06F - #DBE09F - #EFF1D5

CSS codes

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

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