#A29EB6 - #5E416A | 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 #A29EB6 a #5E416A

#A29EB6 #5E416A

Calcule el color entre dos colores, #A29EB6 y #5E416A. 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)

#A29EB6 - #5E416A | 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 #A29EB6 como 0% y #5E416A como 100%.

0.0%	0.0% #A29EB6	RGB 162 158 182	#A29EB6
16.7%	16.7% #968EA9	RGB 150 142 169	#968EA9
33.3%	33.3% #8B7F9C	RGB 139 127 156	#8B7F9C
50.0%	50.0% #806F90	RGB 128 111 144	#806F90
66.7%	66.7% #746083	RGB 116 96 131	#746083
83.3%	83.3% #695076	RGB 105 80 118	#695076
100.0%	100.0% #5E416A	RGB 94 65 106	#5E416A

#A29EB6 #968EA9 #8B7F9C #806F90 #746083 #695076 #5E416A

#A29EB6 - #5E416A

Mezcla HSV

#A29EB6 - #5E416A | 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 #A29EB6 como 0% y #5E416A como 100%.

0.0%	0.0% #A29EB6	RGB 162 158 182	#A29EB6
16.7%	16.7% #938BA9	RGB 147 139 169	#938BA9
33.3%	33.3% #867A9C	RGB 134 122 156	#867A9C
50.0%	50.0% #7A6A90	RGB 122 106 144	#7A6A90
66.7%	66.7% #705B83	RGB 112 91 131	#705B83
83.3%	83.3% #674D76	RGB 103 77 118	#674D76
100.0%	100.0% #5E416A	RGB 94 65 106	#5E416A

#A29EB6 #938BA9 #867A9C #7A6A90 #705B83 #674D76 #5E416A

#A29EB6 - #7A6A90 - #5E416A

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A29EB6 0%, #7A6A90 50%, #5E416A 100%);
    background: -webkit-linear-gradient(top, #A29EB6 0%, #7A6A90 50%, #5E416A 100%);
    background: linear-gradient(to bottom, #A29EB6 0%, #7A6A90 50%, #5E416A 100%);
}
</style>