#C8D070 - #EFF1D6 | 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 #C8D070 to #EFF1D6

#C8D070 #EFF1D6

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

#C8D070 - #EFF1D6 | 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 #C8D070 as 0% and #EFF1D6 as 100%.

0.0%	0.0% #C8D070	RGB 200 208 112	#C8D070
16.7%	16.7% #CED581	RGB 206 213 129	#CED581
33.3%	33.3% #D5DB92	RGB 213 219 146	#D5DB92
50.0%	50.0% #DBE0A3	RGB 219 224 163	#DBE0A3
66.7%	66.7% #E2E6B4	RGB 226 230 180	#E2E6B4
83.3%	83.3% #E8EBC5	RGB 232 235 197	#E8EBC5
100.0%	100.0% #EFF1D6	RGB 239 241 214	#EFF1D6

#C8D070 #CED581 #D5DB92 #DBE0A3 #E2E6B4 #E8EBC5 #EFF1D6

#C8D070 - #EFF1D6

HSV Blend

#C8D070 - #EFF1D6 | 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 #C8D070 as 0% and #EFF1D6 as 100%.

0.0%	0.0% #C8D070	RGB 200 208 112	#C8D070
16.7%	16.7% #CED57F	RGB 206 213 127	#CED57F
33.3%	33.3% #D4DB8F	RGB 212 219 143	#D4DB8F
50.0%	50.0% #DBE0A0	RGB 219 224 160	#DBE0A0
66.7%	66.7% #E1E6B1	RGB 225 230 177	#E1E6B1
83.3%	83.3% #E8EBC3	RGB 232 235 195	#E8EBC3
100.0%	100.0% #EFF1D6	RGB 239 241 214	#EFF1D6

#C8D070 #CED57F #D4DB8F #DBE0A0 #E1E6B1 #E8EBC3 #EFF1D6

#C8D070 - #DBE0A0 - #EFF1D6

CSS codes

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

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