#6B111B - #AB3E5E | 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 #6B111B a #AB3E5E

#6B111B #AB3E5E

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

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

0.0%	0.0% #6B111B	RGB 107 17 27	#6B111B
16.7%	16.7% #751826	RGB 117 24 38	#751826
33.3%	33.3% #802031	RGB 128 32 49	#802031
50.0%	50.0% #8B273C	RGB 139 39 60	#8B273C
66.7%	66.7% #952F47	RGB 149 47 71	#952F47
83.3%	83.3% #A03652	RGB 160 54 82	#A03652
100.0%	100.0% #AB3E5E	RGB 171 62 94	#AB3E5E

#6B111B #751826 #802031 #8B273C #952F47 #A03652 #AB3E5E

#6B111B - #AB3E5E

Mezcla HSV

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

0.0%	0.0% #6B111A	RGB 107 17 26	#6B111A
16.7%	16.7% #751624	RGB 117 22 36	#751624
33.3%	33.3% #801D2E	RGB 128 29 46	#801D2E
50.0%	50.0% #8B2439	RGB 139 36 57	#8B2439
66.7%	66.7% #952C44	RGB 149 44 68	#952C44
83.3%	83.3% #A03451	RGB 160 52 81	#A03451
100.0%	100.0% #AB3E5E	RGB 171 62 94	#AB3E5E

#6B111A #751624 #801D2E #8B2439 #952C44 #A03451 #AB3E5E

#6B111B - #8B2439 - #AB3E5E

Códigos CSS

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

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