#C8C852 - #EFEFCD | 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 #C8C852 to #EFEFCD

#C8C852 #EFEFCD

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

#C8C852 - #EFEFCD | 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 #C8C852 as 0% and #EFEFCD as 100%.

0.0%	0.0% #C8C852	RGB 200 200 82	#C8C852
16.7%	16.7% #CECE66	RGB 206 206 102	#CECE66
33.3%	33.3% #D5D57B	RGB 213 213 123	#D5D57B
50.0%	50.0% #DBDB8F	RGB 219 219 143	#DBDB8F
66.7%	66.7% #E2E2A4	RGB 226 226 164	#E2E2A4
83.3%	83.3% #E8E8B8	RGB 232 232 184	#E8E8B8
100.0%	100.0% #EFEFCD	RGB 239 239 205	#EFEFCD

#C8C852 #CECE66 #D5D57B #DBDB8F #E2E2A4 #E8E8B8 #EFEFCD

#C8C852 - #EFEFCD

HSV Blend

#C8C852 - #EFEFCD | 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 #C8C852 as 0% and #EFEFCD as 100%.

0.0%	0.0% #C8C852	RGB 200 200 82	#C8C852
16.7%	16.7% #CECE64	RGB 206 206 100	#CECE64
33.3%	33.3% #D5D577	RGB 213 213 119	#D5D577
50.0%	50.0% #DBDB8B	RGB 219 219 139	#DBDB8B
66.7%	66.7% #E2E2A0	RGB 226 226 160	#E2E2A0
83.3%	83.3% #E8E8B6	RGB 232 232 182	#E8E8B6
100.0%	100.0% #EFEFCD	RGB 239 239 205	#EFEFCD

#C8C852 #CECE64 #D5D577 #DBDB8B #E2E2A0 #E8E8B6 #EFEFCD

#C8C852 - #DBDB8B - #EFEFCD

CSS codes

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

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