#96002D - #EB4444 | 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 #96002D a #EB4444

#96002D #EB4444

Calcule el color entre dos colores, #96002D y #EB4444. 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)

#96002D - #EB4444 | 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 #96002D como 0% y #EB4444 como 100%.

0.0%	0.0% #96002D	RGB 150 0 45	#96002D
16.7%	16.7% #A40B30	RGB 164 11 48	#A40B30
33.3%	33.3% #B21634	RGB 178 22 52	#B21634
50.0%	50.0% #C02238	RGB 192 34 56	#C02238
66.7%	66.7% #CE2D3C	RGB 206 45 60	#CE2D3C
83.3%	83.3% #DC3840	RGB 220 56 64	#DC3840
100.0%	100.0% #EB4444	RGB 235 68 68	#EB4444

#96002D #A40B30 #B21634 #C02238 #CE2D3C #DC3840 #EB4444

#96002D - #EB4444

Mezcla HSV

#96002D - #EB4444 | 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 #96002D como 0% y #EB4444 como 100%.

0.0%	0.0% #96002D	RGB 150 0 45	#96002D
16.7%	16.7% #A4072E	RGB 164 7 46	#A4072E
33.3%	33.3% #B21131	RGB 178 17 49	#B21131
50.0%	50.0% #C01B34	RGB 192 27 52	#C01B34
66.7%	66.7% #CE2738	RGB 206 39 56	#CE2738
83.3%	83.3% #DC353D	RGB 220 53 61	#DC353D
100.0%	100.0% #EB4444	RGB 235 68 68	#EB4444

#96002D #A4072E #B21131 #C01B34 #CE2738 #DC353D #EB4444

#96002D - #C01B34 - #EB4444

Códigos CSS

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

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