#C6C92E - #EEEFC3 | 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 #C6C92E to #EEEFC3

#C6C92E #EEEFC3

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

#C6C92E - #EEEFC3 | 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 #C6C92E as 0% and #EEEFC3 as 100%.

0.0%	0.0% #C6C92E	RGB 198 201 46	#C6C92E
16.7%	16.7% #CCCF46	RGB 204 207 70	#CCCF46
33.3%	33.3% #D3D55F	RGB 211 213 95	#D3D55F
50.0%	50.0% #DADC78	RGB 218 220 120	#DADC78
66.7%	66.7% #E0E291	RGB 224 226 145	#E0E291
83.3%	83.3% #E7E8AA	RGB 231 232 170	#E7E8AA
100.0%	100.0% #EEEFC3	RGB 238 239 195	#EEEFC3

#C6C92E #CCCF46 #D3D55F #DADC78 #E0E291 #E7E8AA #EEEFC3

#C6C92E - #EEEFC3

HSV Blend

#C6C92E - #EEEFC3 | 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 #C6C92E as 0% and #EEEFC3 as 100%.

0.0%	0.0% #C6C92E	RGB 198 201 46	#C6C92E
16.7%	16.7% #CCCF43	RGB 204 207 67	#CCCF43
33.3%	33.3% #D3D55A	RGB 211 213 90	#D3D55A
50.0%	50.0% #D9DC72	RGB 217 220 114	#D9DC72
66.7%	66.7% #E0E28C	RGB 224 226 140	#E0E28C
83.3%	83.3% #E7E8A7	RGB 231 232 167	#E7E8A7
100.0%	100.0% #EEEFC3	RGB 238 239 195	#EEEFC3

#C6C92E #CCCF43 #D3D55A #D9DC72 #E0E28C #E7E8A7 #EEEFC3

#C6C92E - #D9DC72 - #EEEFC3

CSS codes

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

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