#CACA84 - #FFE9A0 | 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 #CACA84 a #FFE9A0

#CACA84 #FFE9A0

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

#CACA84 - #FFE9A0 | 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 #CACA84 como 0% y #FFE9A0 como 100%.

0.0%	0.0% #CACA84	RGB 202 202 132	#CACA84
16.7%	16.7% #D2CF88	RGB 210 207 136	#D2CF88
33.3%	33.3% #DBD48D	RGB 219 212 141	#DBD48D
50.0%	50.0% #E4D992	RGB 228 217 146	#E4D992
66.7%	66.7% #EDDE96	RGB 237 222 150	#EDDE96
83.3%	83.3% #F6E39B	RGB 246 227 155	#F6E39B
100.0%	100.0% #FFE9A0	RGB 255 233 160	#FFE9A0

#CACA84 #D2CF88 #DBD48D #E4D992 #EDDE96 #F6E39B #FFE9A0

#CACA84 - #FFE9A0

Mezcla HSV

#CACA84 - #FFE9A0 | 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 #CACA84 como 0% y #FFE9A0 como 100%.

0.0%	0.0% #CACA84	RGB 202 202 132	#CACA84
16.7%	16.7% #D2CF88	RGB 210 207 136	#D2CF88
33.3%	33.3% #DBD58D	RGB 219 213 141	#DBD58D
50.0%	50.0% #E4DA92	RGB 228 218 146	#E4DA92
66.7%	66.7% #EDE096	RGB 237 224 150	#EDE096
83.3%	83.3% #F6E49B	RGB 246 228 155	#F6E49B
100.0%	100.0% #FFE9A0	RGB 255 233 160	#FFE9A0

#CACA84 #D2CF88 #DBD58D #E4DA92 #EDE096 #F6E49B #FFE9A0

#CACA84 - #E4DA92 - #FFE9A0

Códigos CSS

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

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