#A8ABAD - #DFBAB7 | 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 #A8ABAD a #DFBAB7

#A8ABAD #DFBAB7

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

#A8ABAD - #DFBAB7 | 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 #A8ABAD como 0% y #DFBAB7 como 100%.

0.0%	0.0% #A8ABAD	RGB 168 171 173	#A8ABAD
16.7%	16.7% #B1ADAE	RGB 177 173 174	#B1ADAE
33.3%	33.3% #BAB0B0	RGB 186 176 176	#BAB0B0
50.0%	50.0% #C3B2B2	RGB 195 178 178	#C3B2B2
66.7%	66.7% #CCB5B3	RGB 204 181 179	#CCB5B3
83.3%	83.3% #D5B7B5	RGB 213 183 181	#D5B7B5
100.0%	100.0% #DFBAB7	RGB 223 186 183	#DFBAB7

#A8ABAD #B1ADAE #BAB0B0 #C3B2B2 #CCB5B3 #D5B7B5 #DFBAB7

#A8ABAD - #DFBAB7

Mezcla HSV

#A8ABAD - #DFBAB7 | 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 #A8ABAD como 0% y #DFBAB7 como 100%.

0.0%	0.0% #A8ABAD	RGB 168 171 173	#A8ABAD
16.7%	16.7% #ABADB5	RGB 171 173 181	#ABADB5
33.3%	33.3% #B3AEBD	RGB 179 174 189	#B3AEBD
50.0%	50.0% #C0B1C6	RGB 192 177 198	#C0B1C6
66.7%	66.7% #CEB3C9	RGB 206 179 201	#CEB3C9
83.3%	83.3% #D6B5C1	RGB 214 181 193	#D6B5C1
100.0%	100.0% #DFBAB7	RGB 223 186 183	#DFBAB7

#A8ABAD #ABADB5 #B3AEBD #C0B1C6 #CEB3C9 #D6B5C1 #DFBAB7

#A8ABAD - #C0B1C6 - #DFBAB7

Códigos CSS

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

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