#C5C057 - #878E11 | 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 #C5C057 a #878E11

#C5C057 #878E11

Calcule el color entre dos colores, #C5C057 y #878E11. 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)

#C5C057 - #878E11 | 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 #C5C057 como 0% y #878E11 como 100%.

0.0%	0.0% #C5C057	RGB 197 192 87	#C5C057
16.7%	16.7% #BAB74B	RGB 186 183 75	#BAB74B
33.3%	33.3% #B0AF3F	RGB 176 175 63	#B0AF3F
50.0%	50.0% #A6A734	RGB 166 167 52	#A6A734
66.7%	66.7% #9B9E28	RGB 155 158 40	#9B9E28
83.3%	83.3% #91961C	RGB 145 150 28	#91961C
100.0%	100.0% #878E11	RGB 135 142 17	#878E11

#C5C057 #BAB74B #B0AF3F #A6A734 #9B9E28 #91961C #878E11

#C5C057 - #878E11

Mezcla HSV

#C5C057 - #878E11 | 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 #C5C057 como 0% y #878E11 como 100%.

0.0%	0.0% #C5C057	RGB 197 192 87	#C5C057
16.7%	16.7% #BBB848	RGB 187 184 72	#BBB848
33.3%	33.3% #B2B13B	RGB 178 177 59	#B2B13B
50.0%	50.0% #A8A92F	RGB 168 169 47	#A8A92F
66.7%	66.7% #9DA024	RGB 157 160 36	#9DA024
83.3%	83.3% #92971A	RGB 146 151 26	#92971A
100.0%	100.0% #878E11	RGB 135 142 17	#878E11

#C5C057 #BBB848 #B2B13B #A8A92F #9DA024 #92971A #878E11

#C5C057 - #A8A92F - #878E11

Códigos CSS

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

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