#DC143C - #3E0511 | 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 #DC143C a #3E0511

#DC143C #3E0511

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

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

0.0%	0.0% #DC143C	RGB 220 20 60	#DC143C
16.7%	16.7% #C11134	RGB 193 17 52	#C11134
33.3%	33.3% #A70F2D	RGB 167 15 45	#A70F2D
50.0%	50.0% #8D0C26	RGB 141 12 38	#8D0C26
66.7%	66.7% #720A1F	RGB 114 10 31	#720A1F
83.3%	83.3% #580718	RGB 88 7 24	#580718
100.0%	100.0% #3E0511	RGB 62 5 17	#3E0511

#DC143C #C11134 #A70F2D #8D0C26 #720A1F #580718 #3E0511

#DC143C - #3E0511

Mezcla HSV

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

0.0%	0.0% #DC133C	RGB 220 19 60	#DC133C
16.7%	16.7% #C11134	RGB 193 17 52	#C11134
33.3%	33.3% #A70E2D	RGB 167 14 45	#A70E2D
50.0%	50.0% #8D0C26	RGB 141 12 38	#8D0C26
66.7%	66.7% #72091F	RGB 114 9 31	#72091F
83.3%	83.3% #580718	RGB 88 7 24	#580718
100.0%	100.0% #3E0511	RGB 62 5 17	#3E0511

#DC133C #C11134 #A70E2D #8D0C26 #72091F #580718 #3E0511

#DC143C - #8D0C26 - #3E0511

Códigos CSS

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

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