#BBCCB7 - #EEEAC2 | 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 #BBCCB7 a #EEEAC2

#BBCCB7 #EEEAC2

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

#BBCCB7 - #EEEAC2 | 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 #BBCCB7 como 0% y #EEEAC2 como 100%.

0.0%	0.0% #BBCCB7	RGB 187 204 183	#BBCCB7
16.7%	16.7% #C3D1B8	RGB 195 209 184	#C3D1B8
33.3%	33.3% #CCD6BA	RGB 204 214 186	#CCD6BA
50.0%	50.0% #D4DBBC	RGB 212 219 188	#D4DBBC
66.7%	66.7% #DDE0BE	RGB 221 224 190	#DDE0BE
83.3%	83.3% #E5E5C0	RGB 229 229 192	#E5E5C0
100.0%	100.0% #EEEAC2	RGB 238 234 194	#EEEAC2

#BBCCB7 #C3D1B8 #CCD6BA #D4DBBC #DDE0BE #E5E5C0 #EEEAC2

#BBCCB7 - #EEEAC2

Mezcla HSV

#BBCCB7 - #EEEAC2 | 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 #BBCCB7 como 0% y #EEEAC2 como 100%.

0.0%	0.0% #BBCCB7	RGB 187 204 183	#BBCCB7
16.7%	16.7% #C1D1B9	RGB 193 209 185	#C1D1B9
33.3%	33.3% #C9D7BB	RGB 201 215 187	#C9D7BB
50.0%	50.0% #D1DDBD	RGB 209 221 189	#D1DDBD
66.7%	66.7% #DBE2BE	RGB 219 226 190	#DBE2BE
83.3%	83.3% #E5E8C0	RGB 229 232 192	#E5E8C0
100.0%	100.0% #EEEAC2	RGB 238 234 194	#EEEAC2

#BBCCB7 #C1D1B9 #C9D7BB #D1DDBD #DBE2BE #E5E8C0 #EEEAC2

#BBCCB7 - #D1DDBD - #EEEAC2

Códigos CSS

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

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