#ABAEB6 - #DEC9BE | 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 #ABAEB6 a #DEC9BE

#ABAEB6 #DEC9BE

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

#ABAEB6 - #DEC9BE | 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 #ABAEB6 como 0% y #DEC9BE como 100%.

0.0%	0.0% #ABAEB6	RGB 171 174 182	#ABAEB6
16.7%	16.7% #B3B2B7	RGB 179 178 183	#B3B2B7
33.3%	33.3% #BCB7B8	RGB 188 183 184	#BCB7B8
50.0%	50.0% #C4BBBA	RGB 196 187 186	#C4BBBA
66.7%	66.7% #CDC0BB	RGB 205 192 187	#CDC0BB
83.3%	83.3% #D5C4BC	RGB 213 196 188	#D5C4BC
100.0%	100.0% #DEC9BE	RGB 222 201 190	#DEC9BE

#ABAEB6 #B3B2B7 #BCB7B8 #C4BBBA #CDC0BB #D5C4BC #DEC9BE

#ABAEB6 - #DEC9BE

Mezcla HSV

#ABAEB6 - #DEC9BE | 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 #ABAEB6 como 0% y #DEC9BE como 100%.

0.0%	0.0% #ABAEB6	RGB 171 174 182	#ABAEB6
16.7%	16.7% #B0AEBC	RGB 176 174 188	#B0AEBC
33.3%	33.3% #BCB2C3	RGB 188 178 195	#BCB2C3
50.0%	50.0% #CAB5C9	RGB 202 181 201	#CAB5C9
66.7%	66.7% #D0B8C5	RGB 208 184 197	#D0B8C5
83.3%	83.3% #D7BBBD	RGB 215 187 189	#D7BBBD
100.0%	100.0% #DEC9BE	RGB 222 201 190	#DEC9BE

#ABAEB6 #B0AEBC #BCB2C3 #CAB5C9 #D0B8C5 #D7BBBD #DEC9BE

#ABAEB6 - #CAB5C9 - #DEC9BE

Códigos CSS

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

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