#DB5E5E - #3E1A1A | 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 #DB5E5E a #3E1A1A

#DB5E5E #3E1A1A

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

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

0.0%	0.0% #DB5E5E	RGB 219 94 94	#DB5E5E
16.7%	16.7% #C05252	RGB 192 82 82	#C05252
33.3%	33.3% #A64747	RGB 166 71 71	#A64747
50.0%	50.0% #8C3C3C	RGB 140 60 60	#8C3C3C
66.7%	66.7% #723030	RGB 114 48 48	#723030
83.3%	83.3% #582525	RGB 88 37 37	#582525
100.0%	100.0% #3E1A1A	RGB 62 26 26	#3E1A1A

#DB5E5E #C05252 #A64747 #8C3C3C #723030 #582525 #3E1A1A

#DB5E5E - #3E1A1A

Mezcla HSV

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

0.0%	0.0% #DB5E5E	RGB 219 94 94	#DB5E5E
16.7%	16.7% #C05252	RGB 192 82 82	#C05252
33.3%	33.3% #A64646	RGB 166 70 70	#A64646
50.0%	50.0% #8C3B3B	RGB 140 59 59	#8C3B3B
66.7%	66.7% #723030	RGB 114 48 48	#723030
83.3%	83.3% #582525	RGB 88 37 37	#582525
100.0%	100.0% #3E1A1A	RGB 62 26 26	#3E1A1A

#DB5E5E #C05252 #A64646 #8C3B3B #723030 #582525 #3E1A1A

#DB5E5E - #8C3B3B - #3E1A1A

Códigos CSS

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

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