#A6003B - #FA3D43 | 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 #A6003B a #FA3D43

#A6003B #FA3D43

Calcule el color entre dos colores, #A6003B y #FA3D43. 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)

#A6003B - #FA3D43 | 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 #A6003B como 0% y #FA3D43 como 100%.

0.0%	0.0% #A6003B	RGB 166 0 59	#A6003B
16.7%	16.7% #B40A3C	RGB 180 10 60	#B40A3C
33.3%	33.3% #C2143D	RGB 194 20 61	#C2143D
50.0%	50.0% #D01E3F	RGB 208 30 63	#D01E3F
66.7%	66.7% #DE2840	RGB 222 40 64	#DE2840
83.3%	83.3% #EC3241	RGB 236 50 65	#EC3241
100.0%	100.0% #FA3D43	RGB 250 61 67	#FA3D43

#A6003B #B40A3C #C2143D #D01E3F #DE2840 #EC3241 #FA3D43

#A6003B - #FA3D43

Mezcla HSV

#A6003B - #FA3D43 | 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 #A6003B como 0% y #FA3D43 como 100%.

0.0%	0.0% #A6003A	RGB 166 0 58	#A6003A
16.7%	16.7% #B4073B	RGB 180 7 59	#B4073B
33.3%	33.3% #C20F3B	RGB 194 15 59	#C20F3B
50.0%	50.0% #D0193C	RGB 208 25 60	#D0193C
66.7%	66.7% #DE243E	RGB 222 36 62	#DE243E
83.3%	83.3% #EC2F40	RGB 236 47 64	#EC2F40
100.0%	100.0% #FA3D43	RGB 250 61 67	#FA3D43

#A6003A #B4073B #C20F3B #D0193C #DE243E #EC2F40 #FA3D43

#A6003B - #D0193C - #FA3D43

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A6003A 0%, #D0193C 50%, #FA3D43 100%);
    background: -webkit-linear-gradient(top, #A6003A 0%, #D0193C 50%, #FA3D43 100%);
    background: linear-gradient(to bottom, #A6003A 0%, #D0193C 50%, #FA3D43 100%);
}
</style>