#AA5EAB - #301A30 | 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 #AA5EAB a #301A30

#AA5EAB #301A30

Calcule el color entre dos colores, #AA5EAB y #301A30. 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)

#AA5EAB - #301A30 | 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 #AA5EAB como 0% y #301A30 como 100%.

0.0%	0.0% #AA5EAB	RGB 170 94 171	#AA5EAB
16.7%	16.7% #955296	RGB 149 82 150	#955296
33.3%	33.3% #814782	RGB 129 71 130	#814782
50.0%	50.0% #6D3C6D	RGB 109 60 109	#6D3C6D
66.7%	66.7% #583059	RGB 88 48 89	#583059
83.3%	83.3% #442544	RGB 68 37 68	#442544
100.0%	100.0% #301A30	RGB 48 26 48	#301A30

#AA5EAB #955296 #814782 #6D3C6D #583059 #442544 #301A30

#AA5EAB - #301A30

Mezcla HSV

#AA5EAB - #301A30 | 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 #AA5EAB como 0% y #301A30 como 100%.

0.0%	0.0% #AA5EAB	RGB 170 94 171	#AA5EAB
16.7%	16.7% #955296	RGB 149 82 150	#955296
33.3%	33.3% #814782	RGB 129 71 130	#814782
50.0%	50.0% #6D3B6D	RGB 109 59 109	#6D3B6D
66.7%	66.7% #583059	RGB 88 48 89	#583059
83.3%	83.3% #442544	RGB 68 37 68	#442544
100.0%	100.0% #301A30	RGB 48 26 48	#301A30

#AA5EAB #955296 #814782 #6D3B6D #583059 #442544 #301A30

#AA5EAB - #6D3B6D - #301A30

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AA5EAB 0%, #6D3B6D 50%, #301A30 100%);
    background: -webkit-linear-gradient(top, #AA5EAB 0%, #6D3B6D 50%, #301A30 100%);
    background: linear-gradient(to bottom, #AA5EAB 0%, #6D3B6D 50%, #301A30 100%);
}
</style>