#C7AC5E - #FFDE7F | 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 #C7AC5E a #FFDE7F

#C7AC5E #FFDE7F

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

#C7AC5E - #FFDE7F | 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 #C7AC5E como 0% y #FFDE7F como 100%.

0.0%	0.0% #C7AC5E	RGB 199 172 94	#C7AC5E
16.7%	16.7% #D0B463	RGB 208 180 99	#D0B463
33.3%	33.3% #D9BC69	RGB 217 188 105	#D9BC69
50.0%	50.0% #E3C56E	RGB 227 197 110	#E3C56E
66.7%	66.7% #ECCD74	RGB 236 205 116	#ECCD74
83.3%	83.3% #F5D579	RGB 245 213 121	#F5D579
100.0%	100.0% #FFDE7F	RGB 255 222 127	#FFDE7F

#C7AC5E #D0B463 #D9BC69 #E3C56E #ECCD74 #F5D579 #FFDE7F

#C7AC5E - #FFDE7F

Mezcla HSV

#C7AC5E - #FFDE7F | 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 #C7AC5E como 0% y #FFDE7F como 100%.

0.0%	0.0% #C7AC5E	RGB 199 172 94	#C7AC5E
16.7%	16.7% #D0B463	RGB 208 180 99	#D0B463
33.3%	33.3% #D9BC68	RGB 217 188 104	#D9BC68
50.0%	50.0% #E3C46E	RGB 227 196 110	#E3C46E
66.7%	66.7% #ECCD73	RGB 236 205 115	#ECCD73
83.3%	83.3% #F5D579	RGB 245 213 121	#F5D579
100.0%	100.0% #FFDE7F	RGB 255 222 127	#FFDE7F

#C7AC5E #D0B463 #D9BC68 #E3C46E #ECCD73 #F5D579 #FFDE7F

#C7AC5E - #E3C46E - #FFDE7F

Códigos CSS

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

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