#A19E9F - #FCAEF8 | 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 #A19E9F a #FCAEF8

#A19E9F #FCAEF8

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

#A19E9F - #FCAEF8 | 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 #A19E9F como 0% y #FCAEF8 como 100%.

0.0%	0.0% #A19E9F	RGB 161 158 159	#A19E9F
16.7%	16.7% #B0A0AD	RGB 176 160 173	#B0A0AD
33.3%	33.3% #BFA3BC	RGB 191 163 188	#BFA3BC
50.0%	50.0% #CEA6CB	RGB 206 166 203	#CEA6CB
66.7%	66.7% #DDA8DA	RGB 221 168 218	#DDA8DA
83.3%	83.3% #ECABE9	RGB 236 171 233	#ECABE9
100.0%	100.0% #FCAEF8	RGB 252 174 248	#FCAEF8

#A19E9F #B0A0AD #BFA3BC #CEA6CB #DDA8DA #ECABE9 #FCAEF8

#A19E9F - #FCAEF8

Mezcla HSV

#A19E9F - #FCAEF8 | 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 #A19E9F como 0% y #FCAEF8 como 100%.

0.0%	0.0% #A19E9F	RGB 161 158 159	#A19E9F
16.7%	16.7% #B0A4A9	RGB 176 164 169	#B0A4A9
33.3%	33.3% #BFA9B5	RGB 191 169 181	#BFA9B5
50.0%	50.0% #CEACC2	RGB 206 172 194	#CEACC2
66.7%	66.7% #DDAED1	RGB 221 174 209	#DDAED1
83.3%	83.3% #ECAFE3	RGB 236 175 227	#ECAFE3
100.0%	100.0% #FCAEF8	RGB 252 174 248	#FCAEF8

#A19E9F #B0A4A9 #BFA9B5 #CEACC2 #DDAED1 #ECAFE3 #FCAEF8

#A19E9F - #CEACC2 - #FCAEF8

Códigos CSS

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

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