#ABA8A2 - #FFDFB7 | 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 #ABA8A2 a #FFDFB7

#ABA8A2 #FFDFB7

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

#ABA8A2 - #FFDFB7 | 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 #ABA8A2 como 0% y #FFDFB7 como 100%.

0.0%	0.0% #ABA8A2	RGB 171 168 162	#ABA8A2
16.7%	16.7% #B9B1A5	RGB 185 177 165	#B9B1A5
33.3%	33.3% #C7BAA9	RGB 199 186 169	#C7BAA9
50.0%	50.0% #D5C3AC	RGB 213 195 172	#D5C3AC
66.7%	66.7% #E3CCB0	RGB 227 204 176	#E3CCB0
83.3%	83.3% #F1D5B3	RGB 241 213 179	#F1D5B3
100.0%	100.0% #FFDFB7	RGB 255 223 183	#FFDFB7

#ABA8A2 #B9B1A5 #C7BAA9 #D5C3AC #E3CCB0 #F1D5B3 #FFDFB7

#ABA8A2 - #FFDFB7

Mezcla HSV

#ABA8A2 - #FFDFB7 | 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 #ABA8A2 como 0% y #FFDFB7 como 100%.

0.0%	0.0% #ABA8A2	RGB 171 168 162	#ABA8A2
16.7%	16.7% #B9B3A8	RGB 185 179 168	#B9B3A8
33.3%	33.3% #C7BDAD	RGB 199 189 173	#C7BDAD
50.0%	50.0% #D5C7B1	RGB 213 199 177	#D5C7B1
66.7%	66.7% #E3CFB4	RGB 227 207 180	#E3CFB4
83.3%	83.3% #F1D7B6	RGB 241 215 182	#F1D7B6
100.0%	100.0% #FFDFB7	RGB 255 223 183	#FFDFB7

#ABA8A2 #B9B3A8 #C7BDAD #D5C7B1 #E3CFB4 #F1D7B6 #FFDFB7

#ABA8A2 - #D5C7B1 - #FFDFB7

Códigos CSS

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

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