#C8C839 - #EFEFC6 | 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 #C8C839 to #EFEFC6

#C8C839 #EFEFC6

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

#C8C839 - #EFEFC6 | 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 #C8C839 as 0% and #EFEFC6 as 100%.

0.0%	0.0% #C8C839	RGB 200 200 57	#C8C839
16.7%	16.7% #CECE50	RGB 206 206 80	#CECE50
33.3%	33.3% #D5D568	RGB 213 213 104	#D5D568
50.0%	50.0% #DBDB7F	RGB 219 219 127	#DBDB7F
66.7%	66.7% #E2E297	RGB 226 226 151	#E2E297
83.3%	83.3% #E8E8AE	RGB 232 232 174	#E8E8AE
100.0%	100.0% #EFEFC6	RGB 239 239 198	#EFEFC6

#C8C839 #CECE50 #D5D568 #DBDB7F #E2E297 #E8E8AE #EFEFC6

#C8C839 - #EFEFC6

HSV Blend

#C8C839 - #EFEFC6 | 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 #C8C839 as 0% and #EFEFC6 as 100%.

0.0%	0.0% #C8C839	RGB 200 200 57	#C8C839
16.7%	16.7% #CECE4D	RGB 206 206 77	#CECE4D
33.3%	33.3% #D5D563	RGB 213 213 99	#D5D563
50.0%	50.0% #DBDB7A	RGB 219 219 122	#DBDB7A
66.7%	66.7% #E2E292	RGB 226 226 146	#E2E292
83.3%	83.3% #E8E8AB	RGB 232 232 171	#E8E8AB
100.0%	100.0% #EFEFC6	RGB 239 239 198	#EFEFC6

#C8C839 #CECE4D #D5D563 #DBDB7A #E2E292 #E8E8AB #EFEFC6

#C8C839 - #DBDB7A - #EFEFC6

CSS codes

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

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