#A79DBB - #5E4170 | 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 #A79DBB a #5E4170

#A79DBB #5E4170

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

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

0.0%	0.0% #A79DBB	RGB 167 157 187	#A79DBB
16.7%	16.7% #9A8DAE	RGB 154 141 174	#9A8DAE
33.3%	33.3% #8E7EA2	RGB 142 126 162	#8E7EA2
50.0%	50.0% #826F95	RGB 130 111 149	#826F95
66.7%	66.7% #765F89	RGB 118 95 137	#765F89
83.3%	83.3% #6A507C	RGB 106 80 124	#6A507C
100.0%	100.0% #5E4170	RGB 94 65 112	#5E4170

#A79DBB #9A8DAE #8E7EA2 #826F95 #765F89 #6A507C #5E4170

#A79DBB - #5E4170

Mezcla HSV

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

0.0%	0.0% #A79DBB	RGB 167 157 187	#A79DBB
16.7%	16.7% #988AAE	RGB 152 138 174	#988AAE
33.3%	33.3% #8B7AA2	RGB 139 122 162	#8B7AA2
50.0%	50.0% #7E6A95	RGB 126 106 149	#7E6A95
66.7%	66.7% #735B89	RGB 115 91 137	#735B89
83.3%	83.3% #684D7C	RGB 104 77 124	#684D7C
100.0%	100.0% #5E4170	RGB 94 65 112	#5E4170

#A79DBB #988AAE #8B7AA2 #7E6A95 #735B89 #684D7C #5E4170

#A79DBB - #7E6A95 - #5E4170

Códigos CSS

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

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