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

#A19B9F #FFDBB8

Calcule el color entre dos colores, #A19B9F 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)

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

0.0%	0.0% #A19B9F	RGB 161 155 159	#A19B9F
16.7%	16.7% #B0A5A3	RGB 176 165 163	#B0A5A3
33.3%	33.3% #C0B0A7	RGB 192 176 167	#C0B0A7
50.0%	50.0% #D0BBAB	RGB 208 187 171	#D0BBAB
66.7%	66.7% #DFC5AF	RGB 223 197 175	#DFC5AF
83.3%	83.3% #EFD0B3	RGB 239 208 179	#EFD0B3
100.0%	100.0% #FFDBB8	RGB 255 219 184	#FFDBB8

#A19B9F #B0A5A3 #C0B0A7 #D0BBAB #DFC5AF #EFD0B3 #FFDBB8

#A19B9F - #FFDBB8

Mezcla HSV

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

0.0%	0.0% #A19B9F	RGB 161 155 159	#A19B9F
16.7%	16.7% #B0A2A9	RGB 176 162 169	#B0A2A9
33.3%	33.3% #C0A9B0	RGB 192 169 176	#C0A9B0
50.0%	50.0% #D0AFB2	RGB 208 175 178	#D0AFB2
66.7%	66.7% #DFB8B3	RGB 223 184 179	#DFB8B3
83.3%	83.3% #EFC7B6	RGB 239 199 182	#EFC7B6
100.0%	100.0% #FFDBB8	RGB 255 219 184	#FFDBB8

#A19B9F #B0A2A9 #C0A9B0 #D0AFB2 #DFB8B3 #EFC7B6 #FFDBB8

#A19B9F - #D0AFB2 - #FFDBB8

Códigos CSS

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

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