#C8D06F - #FFEF9B | 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 #FFEF9B

#C8D06F #FFEF9B

Calculate the color between two colors, #C8D06F and #FFEF9B. 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 - #FFEF9B | 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 #FFEF9B as 100%.

0.0%	0.0% #C8D06F	RGB 200 208 111	#C8D06F
16.7%	16.7% #D1D576	RGB 209 213 118	#D1D576
33.3%	33.3% #DADA7D	RGB 218 218 125	#DADA7D
50.0%	50.0% #E3DF85	RGB 227 223 133	#E3DF85
66.7%	66.7% #ECE48C	RGB 236 228 140	#ECE48C
83.3%	83.3% #F5E993	RGB 245 233 147	#F5E993
100.0%	100.0% #FFEF9B	RGB 255 239 155	#FFEF9B

#C8D06F #D1D576 #DADA7D #E3DF85 #ECE48C #F5E993 #FFEF9B

#C8D06F - #FFEF9B

HSV Blend

#C8D06F - #FFEF9B | 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 #FFEF9B as 100%.

0.0%	0.0% #C8D06F	RGB 200 208 111	#C8D06F
16.7%	16.7% #D3D775	RGB 211 215 117	#D3D775
33.3%	33.3% #DFDF7C	RGB 223 223 124	#DFDF7C
50.0%	50.0% #E7E384	RGB 231 227 132	#E7E384
66.7%	66.7% #EFE78B	RGB 239 231 139	#EFE78B
83.3%	83.3% #F7EB93	RGB 247 235 147	#F7EB93
100.0%	100.0% #FFEF9B	RGB 255 239 155	#FFEF9B

#C8D06F #D3D775 #DFDF7C #E7E384 #EFE78B #F7EB93 #FFEF9B

#C8D06F - #E7E384 - #FFEF9B

CSS codes

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

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