#C8C241 - #EFEDC8 | 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 #C8C241 to #EFEDC8

#C8C241 #EFEDC8

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

#C8C241 - #EFEDC8 | 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 #C8C241 as 0% and #EFEDC8 as 100%.

0.0%	0.0% #C8C241	RGB 200 194 65	#C8C241
16.7%	16.7% #CEC957	RGB 206 201 87	#CEC957
33.3%	33.3% #D5D06E	RGB 213 208 110	#D5D06E
50.0%	50.0% #DBD784	RGB 219 215 132	#DBD784
66.7%	66.7% #E2DE9B	RGB 226 222 155	#E2DE9B
83.3%	83.3% #E8E5B1	RGB 232 229 177	#E8E5B1
100.0%	100.0% #EFEDC8	RGB 239 237 200	#EFEDC8

#C8C241 #CEC957 #D5D06E #DBD784 #E2DE9B #E8E5B1 #EFEDC8

#C8C241 - #EFEDC8

HSV Blend

#C8C241 - #EFEDC8 | 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 #C8C241 as 0% and #EFEDC8 as 100%.

0.0%	0.0% #C8C241	RGB 200 194 65	#C8C241
16.7%	16.7% #CEC854	RGB 206 200 84	#CEC854
33.3%	33.3% #D5CF69	RGB 213 207 105	#D5CF69
50.0%	50.0% #DBD77F	RGB 219 215 127	#DBD77F
66.7%	66.7% #E2DE96	RGB 226 222 150	#E2DE96
83.3%	83.3% #E8E5AE	RGB 232 229 174	#E8E5AE
100.0%	100.0% #EFEDC8	RGB 239 237 200	#EFEDC8

#C8C241 #CEC854 #D5CF69 #DBD77F #E2DE96 #E8E5AE #EFEDC8

#C8C241 - #DBD77F - #EFEDC8

CSS codes

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

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