#C8C821 - #EFEFBF | 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 #C8C821 to #EFEFBF

#C8C821 #EFEFBF

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

#C8C821 - #EFEFBF | 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 #C8C821 as 0% and #EFEFBF as 100%.

0.0%	0.0% #C8C821	RGB 200 200 33	#C8C821
16.7%	16.7% #CECE3B	RGB 206 206 59	#CECE3B
33.3%	33.3% #D5D555	RGB 213 213 85	#D5D555
50.0%	50.0% #DBDB70	RGB 219 219 112	#DBDB70
66.7%	66.7% #E2E28A	RGB 226 226 138	#E2E28A
83.3%	83.3% #E8E8A4	RGB 232 232 164	#E8E8A4
100.0%	100.0% #EFEFBF	RGB 239 239 191	#EFEFBF

#C8C821 #CECE3B #D5D555 #DBDB70 #E2E28A #E8E8A4 #EFEFBF

#C8C821 - #EFEFBF

HSV Blend

#C8C821 - #EFEFBF | 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 #C8C821 as 0% and #EFEFBF as 100%.

0.0%	0.0% #C8C821	RGB 200 200 33	#C8C821
16.7%	16.7% #CECE37	RGB 206 206 55	#CECE37
33.3%	33.3% #D5D550	RGB 213 213 80	#D5D550
50.0%	50.0% #DBDB69	RGB 219 219 105	#DBDB69
66.7%	66.7% #E2E284	RGB 226 226 132	#E2E284
83.3%	83.3% #E8E8A1	RGB 232 232 161	#E8E8A1
100.0%	100.0% #EFEFBF	RGB 239 239 191	#EFEFBF

#C8C821 #CECE37 #D5D550 #DBDB69 #E2E284 #E8E8A1 #EFEFBF

#C8C821 - #DBDB69 - #EFEFBF

CSS codes

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

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