#C0B056 - #FFDF77 | 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 #C0B056 a #FFDF77

#C0B056 #FFDF77

Calcule el color entre dos colores, #C0B056 y #FFDF77. 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)

#C0B056 - #FFDF77 | 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 #C0B056 como 0% y #FFDF77 como 100%.

0.0%	0.0% #C0B056	RGB 192 176 86	#C0B056
16.7%	16.7% #CAB75B	RGB 202 183 91	#CAB75B
33.3%	33.3% #D5BF61	RGB 213 191 97	#D5BF61
50.0%	50.0% #DFC766	RGB 223 199 102	#DFC766
66.7%	66.7% #EACF6C	RGB 234 207 108	#EACF6C
83.3%	83.3% #F4D771	RGB 244 215 113	#F4D771
100.0%	100.0% #FFDF77	RGB 255 223 119	#FFDF77

#C0B056 #CAB75B #D5BF61 #DFC766 #EACF6C #F4D771 #FFDF77

#C0B056 - #FFDF77

Mezcla HSV

#C0B056 - #FFDF77 | 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 #C0B056 como 0% y #FFDF77 como 100%.

0.0%	0.0% #C0B056	RGB 192 176 86	#C0B056
16.7%	16.7% #CAB85B	RGB 202 184 91	#CAB85B
33.3%	33.3% #D5C060	RGB 213 192 96	#D5C060
50.0%	50.0% #DFC866	RGB 223 200 102	#DFC866
66.7%	66.7% #EACF6B	RGB 234 207 107	#EACF6B
83.3%	83.3% #F4D771	RGB 244 215 113	#F4D771
100.0%	100.0% #FFDF77	RGB 255 223 119	#FFDF77

#C0B056 #CAB85B #D5C060 #DFC866 #EACF6B #F4D771 #FFDF77

#C0B056 - #DFC866 - #FFDF77

Códigos CSS

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

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