#A6004F - #3C0018 | 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 #A6004F a #3C0018

#A6004F #3C0018

Calcule el color entre dos colores, #A6004F y #3C0018. 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)

#A6004F - #3C0018 | 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 #A6004F como 0% y #3C0018 como 100%.

0.0%	0.0% #A6004F	RGB 166 0 79	#A6004F
16.7%	16.7% #940045	RGB 148 0 69	#940045
33.3%	33.3% #82003C	RGB 130 0 60	#82003C
50.0%	50.0% #710033	RGB 113 0 51	#710033
66.7%	66.7% #5F002A	RGB 95 0 42	#5F002A
83.3%	83.3% #4D0021	RGB 77 0 33	#4D0021
100.0%	100.0% #3C0018	RGB 60 0 24	#3C0018

#A6004F #940045 #82003C #710033 #5F002A #4D0021 #3C0018

#A6004F - #3C0018

Mezcla HSV

#A6004F - #3C0018 | 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 #A6004F como 0% y #3C0018 como 100%.

0.0%	0.0% #A6004F	RGB 166 0 79	#A6004F
16.7%	16.7% #940044	RGB 148 0 68	#940044
33.3%	33.3% #82003A	RGB 130 0 58	#82003A
50.0%	50.0% #710031	RGB 113 0 49	#710031
66.7%	66.7% #5F0028	RGB 95 0 40	#5F0028
83.3%	83.3% #4D0020	RGB 77 0 32	#4D0020
100.0%	100.0% #3C0018	RGB 60 0 24	#3C0018

#A6004F #940044 #82003A #710031 #5F0028 #4D0020 #3C0018

#A6004F - #710031 - #3C0018

Códigos CSS

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

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