#EFC83C - #C2B912 | 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 #EFC83C to #C2B912

#EFC83C #C2B912

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

#EFC83C - #C2B912 | 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 #EFC83C as 0% and #C2B912 as 100%.

0.0%	0.0% #EFC83C	RGB 239 200 60	#EFC83C
16.7%	16.7% #E7C535	RGB 231 197 53	#E7C535
33.3%	33.3% #E0C32E	RGB 224 195 46	#E0C32E
50.0%	50.0% #D8C027	RGB 216 192 39	#D8C027
66.7%	66.7% #D1BE20	RGB 209 190 32	#D1BE20
83.3%	83.3% #C9BB19	RGB 201 187 25	#C9BB19
100.0%	100.0% #C2B912	RGB 194 185 18	#C2B912

#EFC83C #E7C535 #E0C32E #D8C027 #D1BE20 #C9BB19 #C2B912

#EFC83C - #C2B912

HSV Blend

#EFC83C - #C2B912 | 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 #EFC83C as 0% and #C2B912 as 100%.

0.0%	0.0% #EFC83C	RGB 239 200 60	#EFC83C
16.7%	16.7% #E7C534	RGB 231 197 52	#E7C534
33.3%	33.3% #E0C22C	RGB 224 194 44	#E0C22C
50.0%	50.0% #D8C025	RGB 216 192 37	#D8C025
66.7%	66.7% #D1BD1E	RGB 209 189 30	#D1BD1E
83.3%	83.3% #C9BB18	RGB 201 187 24	#C9BB18
100.0%	100.0% #C2B912	RGB 194 185 18	#C2B912

#EFC83C #E7C534 #E0C22C #D8C025 #D1BD1E #C9BB18 #C2B912

#EFC83C - #D8C025 - #C2B912

CSS codes

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

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