#C8C859 - #EFEFCF | 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 #C8C859 to #EFEFCF

#C8C859 #EFEFCF

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

#C8C859 - #EFEFCF | 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 #C8C859 as 0% and #EFEFCF as 100%.

0.0%	0.0% #C8C859	RGB 200 200 89	#C8C859
16.7%	16.7% #CECE6C	RGB 206 206 108	#CECE6C
33.3%	33.3% #D5D580	RGB 213 213 128	#D5D580
50.0%	50.0% #DBDB94	RGB 219 219 148	#DBDB94
66.7%	66.7% #E2E2A7	RGB 226 226 167	#E2E2A7
83.3%	83.3% #E8E8BB	RGB 232 232 187	#E8E8BB
100.0%	100.0% #EFEFCF	RGB 239 239 207	#EFEFCF

#C8C859 #CECE6C #D5D580 #DBDB94 #E2E2A7 #E8E8BB #EFEFCF

#C8C859 - #EFEFCF

HSV Blend

#C8C859 - #EFEFCF | 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 #C8C859 as 0% and #EFEFCF as 100%.

0.0%	0.0% #C8C859	RGB 200 200 89	#C8C859
16.7%	16.7% #CECE6A	RGB 206 206 106	#CECE6A
33.3%	33.3% #D5D57C	RGB 213 213 124	#D5D57C
50.0%	50.0% #DBDB8F	RGB 219 219 143	#DBDB8F
66.7%	66.7% #E2E2A4	RGB 226 226 164	#E2E2A4
83.3%	83.3% #E8E8B9	RGB 232 232 185	#E8E8B9
100.0%	100.0% #EFEFCF	RGB 239 239 207	#EFEFCF

#C8C859 #CECE6A #D5D57C #DBDB8F #E2E2A4 #E8E8B9 #EFEFCF

#C8C859 - #DBDB8F - #EFEFCF

CSS codes

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

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