#BA5E5E - #8F2119 | 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 #BA5E5E a #8F2119

#BA5E5E #8F2119

Calcule el color entre dos colores, #BA5E5E y #8F2119. 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)

#BA5E5E - #8F2119 | 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 #BA5E5E como 0% y #8F2119 como 100%.

0.0%	0.0% #BA5E5E	RGB 186 94 94	#BA5E5E
16.7%	16.7% #B25352	RGB 178 83 82	#B25352
33.3%	33.3% #AB4947	RGB 171 73 71	#AB4947
50.0%	50.0% #A43F3B	RGB 164 63 59	#A43F3B
66.7%	66.7% #9D3530	RGB 157 53 48	#9D3530
83.3%	83.3% #962B24	RGB 150 43 36	#962B24
100.0%	100.0% #8F2119	RGB 143 33 25	#8F2119

#BA5E5E #B25352 #AB4947 #A43F3B #9D3530 #962B24 #8F2119

#BA5E5E - #8F2119

Mezcla HSV

#BA5E5E - #8F2119 | 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 #BA5E5E como 0% y #8F2119 como 100%.

0.0%	0.0% #BA5E5E	RGB 186 94 94	#BA5E5E
16.7%	16.7% #B25150	RGB 178 81 80	#B25150
33.3%	33.3% #AB4643	RGB 171 70 67	#AB4643
50.0%	50.0% #A43B37	RGB 164 59 55	#A43B37
66.7%	66.7% #9D312C	RGB 157 49 44	#9D312C
83.3%	83.3% #962922	RGB 150 41 34	#962922
100.0%	100.0% #8F2119	RGB 143 33 25	#8F2119

#BA5E5E #B25150 #AB4643 #A43B37 #9D312C #962922 #8F2119

#BA5E5E - #A43B37 - #8F2119

Códigos CSS

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

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