#A6427D - #2F1223 | 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 #A6427D a #2F1223

#A6427D #2F1223

Calcule el color entre dos colores, #A6427D y #2F1223. 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)

#A6427D - #2F1223 | 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 #A6427D como 0% y #2F1223 como 100%.

0.0%	0.0% #A6427D	RGB 166 66 125	#A6427D
16.7%	16.7% #923A6E	RGB 146 58 110	#923A6E
33.3%	33.3% #7E325F	RGB 126 50 95	#7E325F
50.0%	50.0% #6A2A50	RGB 106 42 80	#6A2A50
66.7%	66.7% #562241	RGB 86 34 65	#562241
83.3%	83.3% #421A32	RGB 66 26 50	#421A32
100.0%	100.0% #2F1223	RGB 47 18 35	#2F1223

#A6427D #923A6E #7E325F #6A2A50 #562241 #421A32 #2F1223

#A6427D - #2F1223

Mezcla HSV

#A6427D - #2F1223 | 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 #A6427D como 0% y #2F1223 como 100%.

0.0%	0.0% #A6427D	RGB 166 66 125	#A6427D
16.7%	16.7% #92396D	RGB 146 57 109	#92396D
33.3%	33.3% #7E315E	RGB 126 49 94	#7E315E
50.0%	50.0% #6A294F	RGB 106 41 79	#6A294F
66.7%	66.7% #562140	RGB 86 33 64	#562140
83.3%	83.3% #421931	RGB 66 25 49	#421931
100.0%	100.0% #2F1223	RGB 47 18 35	#2F1223

#A6427D #92396D #7E315E #6A294F #562140 #421931 #2F1223

#A6427D - #6A294F - #2F1223

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A6427D 0%, #6A294F 50%, #2F1223 100%);
    background: -webkit-linear-gradient(top, #A6427D 0%, #6A294F 50%, #2F1223 100%);
    background: linear-gradient(to bottom, #A6427D 0%, #6A294F 50%, #2F1223 100%);
}
</style>