#C9C62D - #EFEEC3 | 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 #C9C62D to #EFEEC3

#C9C62D #EFEEC3

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

#C9C62D - #EFEEC3 | 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 #C9C62D as 0% and #EFEEC3 as 100%.

0.0%	0.0% #C9C62D	RGB 201 198 45	#C9C62D
16.7%	16.7% #CFCC46	RGB 207 204 70	#CFCC46
33.3%	33.3% #D5D35F	RGB 213 211 95	#D5D35F
50.0%	50.0% #DCDA78	RGB 220 218 120	#DCDA78
66.7%	66.7% #E2E091	RGB 226 224 145	#E2E091
83.3%	83.3% #E8E7AA	RGB 232 231 170	#E8E7AA
100.0%	100.0% #EFEEC3	RGB 239 238 195	#EFEEC3

#C9C62D #CFCC46 #D5D35F #DCDA78 #E2E091 #E8E7AA #EFEEC3

#C9C62D - #EFEEC3

HSV Blend

#C9C62D - #EFEEC3 | 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 #C9C62D as 0% and #EFEEC3 as 100%.

0.0%	0.0% #C9C62D	RGB 201 198 45	#C9C62D
16.7%	16.7% #CFCC42	RGB 207 204 66	#CFCC42
33.3%	33.3% #D5D35A	RGB 213 211 90	#D5D35A
50.0%	50.0% #DCD972	RGB 220 217 114	#DCD972
66.7%	66.7% #E2E08C	RGB 226 224 140	#E2E08C
83.3%	83.3% #E8E7A6	RGB 232 231 166	#E8E7A6
100.0%	100.0% #EFEEC3	RGB 239 238 195	#EFEEC3

#C9C62D #CFCC42 #D5D35A #DCD972 #E2E08C #E8E7A6 #EFEEC3

#C9C62D - #DCD972 - #EFEEC3

CSS codes

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

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