#BABE00 - #EAECB6 | 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 #BABE00 a #EAECB6

#BABE00 #EAECB6

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

#BABE00 - #EAECB6 | 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 #BABE00 como 0% y #EAECB6 como 100%.

0.0%	0.0% #BABE00	RGB 186 190 0	#BABE00
16.7%	16.7% #C2C51E	RGB 194 197 30	#C2C51E
33.3%	33.3% #CACD3C	RGB 202 205 60	#CACD3C
50.0%	50.0% #D2D55B	RGB 210 213 91	#D2D55B
66.7%	66.7% #DADC79	RGB 218 220 121	#DADC79
83.3%	83.3% #E2E497	RGB 226 228 151	#E2E497
100.0%	100.0% #EAECB6	RGB 234 236 182	#EAECB6

#BABE00 #C2C51E #CACD3C #D2D55B #DADC79 #E2E497 #EAECB6

#BABE00 - #EAECB6

Mezcla HSV

#BABE00 - #EAECB6 | 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 #BABE00 como 0% y #EAECB6 como 100%.

0.0%	0.0% #BABE00	RGB 186 190 0	#BABE00
16.7%	16.7% #C1C519	RGB 193 197 25	#C1C519
33.3%	33.3% #C9CD34	RGB 201 205 52	#C9CD34
50.0%	50.0% #D1D552	RGB 209 213 82	#D1D552
66.7%	66.7% #D9DC71	RGB 217 220 113	#D9DC71
83.3%	83.3% #E1E492	RGB 225 228 146	#E1E492
100.0%	100.0% #EAECB6	RGB 234 236 182	#EAECB6

#BABE00 #C1C519 #C9CD34 #D1D552 #D9DC71 #E1E492 #EAECB6

#BABE00 - #D1D552 - #EAECB6

Códigos CSS

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

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