#C8BA8B - #EFFFAC | 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 #C8BA8B to #EFFFAC

#C8BA8B #EFFFAC

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

#C8BA8B - #EFFFAC | 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 #C8BA8B as 0% and #EFFFAC as 100%.

0.0%	0.0% #C8BA8B	RGB 200 186 139	#C8BA8B
16.7%	16.7% #CEC590	RGB 206 197 144	#CEC590
33.3%	33.3% #D5D196	RGB 213 209 150	#D5D196
50.0%	50.0% #DBDC9B	RGB 219 220 155	#DBDC9B
66.7%	66.7% #E2E8A1	RGB 226 232 161	#E2E8A1
83.3%	83.3% #E8F3A6	RGB 232 243 166	#E8F3A6
100.0%	100.0% #EFFFAC	RGB 239 255 172	#EFFFAC

#C8BA8B #CEC590 #D5D196 #DBDC9B #E2E8A1 #E8F3A6 #EFFFAC

#C8BA8B - #EFFFAC

HSV Blend

#C8BA8B - #EFFFAC | 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 #C8BA8B as 0% and #EFFFAC as 100%.

0.0%	0.0% #C8BA8B	RGB 200 186 139	#C8BA8B
16.7%	16.7% #D1C690	RGB 209 198 144	#D1C690
33.3%	33.3% #DAD496	RGB 218 212 150	#DAD496
50.0%	50.0% #E3E29B	RGB 227 226 155	#E3E29B
66.7%	66.7% #E8ECA1	RGB 232 236 161	#E8ECA1
83.3%	83.3% #ECF5A6	RGB 236 245 166	#ECF5A6
100.0%	100.0% #EFFFAC	RGB 239 255 172	#EFFFAC

#C8BA8B #D1C690 #DAD496 #E3E29B #E8ECA1 #ECF5A6 #EFFFAC

#C8BA8B - #E3E29B - #EFFFAC

CSS codes

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

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