#EF5E5E - #BF1A1C | 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 #EF5E5E a #BF1A1C

#EF5E5E #BF1A1C

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

#EF5E5E - #BF1A1C | 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 #EF5E5E como 0% y #BF1A1C como 100%.

0.0%	0.0% #EF5E5E	RGB 239 94 94	#EF5E5E
16.7%	16.7% #E75253	RGB 231 82 83	#E75253
33.3%	33.3% #DF4748	RGB 223 71 72	#DF4748
50.0%	50.0% #D73C3D	RGB 215 60 61	#D73C3D
66.7%	66.7% #CF3032	RGB 207 48 50	#CF3032
83.3%	83.3% #C72527	RGB 199 37 39	#C72527
100.0%	100.0% #BF1A1C	RGB 191 26 28	#BF1A1C

#EF5E5E #E75253 #DF4748 #D73C3D #CF3032 #C72527 #BF1A1C

#EF5E5E - #BF1A1C

Mezcla HSV

#EF5E5E - #BF1A1C | 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 #EF5E5E como 0% y #BF1A1C como 100%.

0.0%	0.0% #EF5E5E	RGB 239 94 94	#EF5E5E
16.7%	16.7% #E75051	RGB 231 80 81	#E75051
33.3%	33.3% #DF4445	RGB 223 68 69	#DF4445
50.0%	50.0% #D73839	RGB 215 56 57	#D73839
66.7%	66.7% #CF2D2F	RGB 207 45 47	#CF2D2F
83.3%	83.3% #C72325	RGB 199 35 37	#C72325
100.0%	100.0% #BF1A1C	RGB 191 26 28	#BF1A1C

#EF5E5E #E75051 #DF4445 #D73839 #CF2D2F #C72325 #BF1A1C

#EF5E5E - #D73839 - #BF1A1C

Códigos CSS

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

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