#A2A1B4 - #FFDBB8 | 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 #A2A1B4 a #FFDBB8

#A2A1B4 #FFDBB8

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

#A2A1B4 - #FFDBB8 | 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 #A2A1B4 como 0% y #FFDBB8 como 100%.

0.0%	0.0% #A2A1B4	RGB 162 161 180	#A2A1B4
16.7%	16.7% #B1AAB4	RGB 177 170 180	#B1AAB4
33.3%	33.3% #C1B4B5	RGB 193 180 181	#C1B4B5
50.0%	50.0% #D0BEB6	RGB 208 190 182	#D0BEB6
66.7%	66.7% #E0C7B6	RGB 224 199 182	#E0C7B6
83.3%	83.3% #EFD1B7	RGB 239 209 183	#EFD1B7
100.0%	100.0% #FFDBB8	RGB 255 219 184	#FFDBB8

#A2A1B4 #B1AAB4 #C1B4B5 #D0BEB6 #E0C7B6 #EFD1B7 #FFDBB8

#A2A1B4 - #FFDBB8

Mezcla HSV

#A2A1B4 - #FFDBB8 | 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 #A2A1B4 como 0% y #FFDBB8 como 100%.

0.0%	0.0% #A2A1B4	RGB 162 161 180	#A2A1B4
16.7%	16.7% #B2A6C0	RGB 178 166 192	#B2A6C0
33.3%	33.3% #C8ABCD	RGB 200 171 205	#C8ABCD
50.0%	50.0% #D9AFCE	RGB 217 175 206	#D9AFCE
66.7%	66.7% #E6B3C3	RGB 230 179 195	#E6B3C3
83.3%	83.3% #F2BBB5	RGB 242 187 181	#F2BBB5
100.0%	100.0% #FFDBB8	RGB 255 219 184	#FFDBB8

#A2A1B4 #B2A6C0 #C8ABCD #D9AFCE #E6B3C3 #F2BBB5 #FFDBB8

#A2A1B4 - #D9AFCE - #FFDBB8

Códigos CSS

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

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