#E5E7B9 - #AFBC63 | 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 #E5E7B9 a #AFBC63

#E5E7B9 #AFBC63

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

#E5E7B9 - #AFBC63 | 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 #E5E7B9 como 0% y #AFBC63 como 100%.

0.0%	0.0% #E5E7B9	RGB 229 231 185	#E5E7B9
16.7%	16.7% #DCDFAA	RGB 220 223 170	#DCDFAA
33.3%	33.3% #D3D89C	RGB 211 216 156	#D3D89C
50.0%	50.0% #CAD18E	RGB 202 209 142	#CAD18E
66.7%	66.7% #C1CA7F	RGB 193 202 127	#C1CA7F
83.3%	83.3% #B8C371	RGB 184 195 113	#B8C371
100.0%	100.0% #AFBC63	RGB 175 188 99	#AFBC63

#E5E7B9 #DCDFAA #D3D89C #CAD18E #C1CA7F #B8C371 #AFBC63

#E5E7B9 - #AFBC63

Mezcla HSV

#E5E7B9 - #AFBC63 | 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 #E5E7B9 como 0% y #AFBC63 como 100%.

0.0%	0.0% #E5E7B9	RGB 229 231 185	#E5E7B9
16.7%	16.7% #DCDFA9	RGB 220 223 169	#DCDFA9
33.3%	33.3% #D3D899	RGB 211 216 153	#D3D899
50.0%	50.0% #CAD18B	RGB 202 209 139	#CAD18B
66.7%	66.7% #C1CA7D	RGB 193 202 125	#C1CA7D
83.3%	83.3% #B8C36F	RGB 184 195 111	#B8C36F
100.0%	100.0% #AFBC63	RGB 175 188 99	#AFBC63

#E5E7B9 #DCDFA9 #D3D899 #CAD18B #C1CA7D #B8C36F #AFBC63

#E5E7B9 - #CAD18B - #AFBC63

Códigos CSS

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

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