#C4C545 - #FFEC78 | colorate

colorate es una herramienta de esquema de color para diseñadores y desarrolladores. Esta ayudará a inspirarse y servirá de recurso para su trabajo de color. Haz que este sitio sea mejor

Mezcla #C4C545 a #FFEC78

#C4C545 #FFEC78

Calcule el color entre dos colores, #C4C545 y #FFEC78. En el cálculo de los valores RGB, la saturación entre los colores diferentes es baja. Al calcular los valores de HSV, la saturación entre los diferentes colores no es baja.

Mezcla RGB (Linear)

#C4C545 - #FFEC78 | colorate

Cálculo del color entre dos colores según el valor RGB. Para colores que están distantes entre sí, la saturación entre los dos colores disminuye. Expande el color entre dos colores con #C4C545 como 0% y #FFEC78 como 100%.

0.0%	0.0% #C4C545	RGB 196 197 69	#C4C545
16.7%	16.7% #CDCB4D	RGB 205 203 77	#CDCB4D
33.3%	33.3% #D7D256	RGB 215 210 86	#D7D256
50.0%	50.0% #E1D85E	RGB 225 216 94	#E1D85E
66.7%	66.7% #EBDF67	RGB 235 223 103	#EBDF67
83.3%	83.3% #F5E56F	RGB 245 229 111	#F5E56F
100.0%	100.0% #FFEC78	RGB 255 236 120	#FFEC78

#C4C545 #CDCB4D #D7D256 #E1D85E #EBDF67 #F5E56F #FFEC78

#C4C545 - #FFEC78

Mezcla HSV

#C4C545 - #FFEC78 | colorate

Cálculo del color entre dos colores según el valor de HSV. Incluso entre distintos colores de color, la saturación entre los dos colores no disminuye. Expande el color entre dos colores con #C4C545 como 0% y #FFEC78 como 100%.

0.0%	0.0% #C4C545	RGB 196 197 69	#C4C545
16.7%	16.7% #CECC4C	RGB 206 204 76	#CECC4C
33.3%	33.3% #D8D254	RGB 216 210 84	#D8D254
50.0%	50.0% #E2D95C	RGB 226 217 92	#E2D95C
66.7%	66.7% #EBDF65	RGB 235 223 101	#EBDF65
83.3%	83.3% #F5E56E	RGB 245 229 110	#F5E56E
100.0%	100.0% #FFEC78	RGB 255 236 120	#FFEC78

#C4C545 #CECC4C #D8D254 #E2D95C #EBDF65 #F5E56E #FFEC78

#C4C545 - #E2D95C - #FFEC78

Códigos CSS

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

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