#AD4A8C - #6E003B | 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 #AD4A8C a #6E003B

#AD4A8C #6E003B

Calcule el color entre dos colores, #AD4A8C y #6E003B. 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)

#AD4A8C - #6E003B | 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 #AD4A8C como 0% y #6E003B como 100%.

0.0%	0.0% #AD4A8C	RGB 173 74 140	#AD4A8C
16.7%	16.7% #A23D7E	RGB 162 61 126	#A23D7E
33.3%	33.3% #983171	RGB 152 49 113	#983171
50.0%	50.0% #8D2563	RGB 141 37 99	#8D2563
66.7%	66.7% #831856	RGB 131 24 86	#831856
83.3%	83.3% #780C48	RGB 120 12 72	#780C48
100.0%	100.0% #6E003B	RGB 110 0 59	#6E003B

#AD4A8C #A23D7E #983171 #8D2563 #831856 #780C48 #6E003B

#AD4A8C - #6E003B

Mezcla HSV

#AD4A8C - #6E003B | 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 #AD4A8C como 0% y #6E003B como 100%.

0.0%	0.0% #AD4A8C	RGB 173 74 140	#AD4A8C
16.7%	16.7% #A2397D	RGB 162 57 125	#A2397D
33.3%	33.3% #982B6F	RGB 152 43 111	#982B6F
50.0%	50.0% #8D1E61	RGB 141 30 97	#8D1E61
66.7%	66.7% #831253	RGB 131 18 83	#831253
83.3%	83.3% #780847	RGB 120 8 71	#780847
100.0%	100.0% #6E003B	RGB 110 0 59	#6E003B

#AD4A8C #A2397D #982B6F #8D1E61 #831253 #780847 #6E003B

#AD4A8C - #8D1E61 - #6E003B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AD4A8C 0%, #8D1E61 50%, #6E003B 100%);
    background: -webkit-linear-gradient(top, #AD4A8C 0%, #8D1E61 50%, #6E003B 100%);
    background: linear-gradient(to bottom, #AD4A8C 0%, #8D1E61 50%, #6E003B 100%);
}
</style>