#A1ADB4 - #DABDBD | 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 #A1ADB4 a #DABDBD

#A1ADB4 #DABDBD

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

#A1ADB4 - #DABDBD | 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 #A1ADB4 como 0% y #DABDBD como 100%.

0.0%	0.0% #A1ADB4	RGB 161 173 180	#A1ADB4
16.7%	16.7% #AAAFB5	RGB 170 175 181	#AAAFB5
33.3%	33.3% #B4B2B7	RGB 180 178 183	#B4B2B7
50.0%	50.0% #BDB5B8	RGB 189 181 184	#BDB5B8
66.7%	66.7% #C7B7BA	RGB 199 183 186	#C7B7BA
83.3%	83.3% #D0BABB	RGB 208 186 187	#D0BABB
100.0%	100.0% #DABDBD	RGB 218 189 189	#DABDBD

#A1ADB4 #AAAFB5 #B4B2B7 #BDB5B8 #C7B7BA #D0BABB #DABDBD

#A1ADB4 - #DABDBD

Mezcla HSV

#A1ADB4 - #DABDBD | 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 #A1ADB4 como 0% y #DABDBD como 100%.

0.0%	0.0% #A1ADB4	RGB 161 173 180	#A1ADB4
16.7%	16.7% #A5A9BA	RGB 165 169 186	#A5A9BA
33.3%	33.3% #AFAAC0	RGB 175 170 192	#AFAAC0
50.0%	50.0% #BFAFC7	RGB 191 175 199	#BFAFC7
66.7%	66.7% #CDB3CA	RGB 205 179 202	#CDB3CA
83.3%	83.3% #D3B8C4	RGB 211 184 196	#D3B8C4
100.0%	100.0% #DABDBD	RGB 218 189 189	#DABDBD

#A1ADB4 #A5A9BA #AFAAC0 #BFAFC7 #CDB3CA #D3B8C4 #DABDBD

#A1ADB4 - #BFAFC7 - #DABDBD

Códigos CSS

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

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