#BA4141 - #EBC8C8 | 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 #BA4141 a #EBC8C8

#BA4141 #EBC8C8

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

#BA4141 - #EBC8C8 | 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 #BA4141 como 0% y #EBC8C8 como 100%.

0.0%	0.0% #BA4141	RGB 186 65 65	#BA4141
16.7%	16.7% #C25757	RGB 194 87 87	#C25757
33.3%	33.3% #CA6E6E	RGB 202 110 110	#CA6E6E
50.0%	50.0% #D28484	RGB 210 132 132	#D28484
66.7%	66.7% #DA9B9B	RGB 218 155 155	#DA9B9B
83.3%	83.3% #E2B1B1	RGB 226 177 177	#E2B1B1
100.0%	100.0% #EBC8C8	RGB 235 200 200	#EBC8C8

#BA4141 #C25757 #CA6E6E #D28484 #DA9B9B #E2B1B1 #EBC8C8

#BA4141 - #EBC8C8

Mezcla HSV

#BA4141 - #EBC8C8 | 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 #BA4141 como 0% y #EBC8C8 como 100%.

0.0%	0.0% #BA4141	RGB 186 65 65	#BA4141
16.7%	16.7% #C25454	RGB 194 84 84	#C25454
33.3%	33.3% #CA6868	RGB 202 104 104	#CA6868
50.0%	50.0% #D27E7E	RGB 210 126 126	#D27E7E
66.7%	66.7% #DA9595	RGB 218 149 149	#DA9595
83.3%	83.3% #E2AEAE	RGB 226 174 174	#E2AEAE
100.0%	100.0% #EBC8C8	RGB 235 200 200	#EBC8C8

#BA4141 #C25454 #CA6868 #D27E7E #DA9595 #E2AEAE #EBC8C8

#BA4141 - #D27E7E - #EBC8C8

Códigos CSS

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

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