#BA2950 - #FF775D | 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 #BA2950 a #FF775D

#BA2950 #FF775D

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

#BA2950 - #FF775D | 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 #BA2950 como 0% y #FF775D como 100%.

0.0%	0.0% #BA2950	RGB 186 41 80	#BA2950
16.7%	16.7% #C53652	RGB 197 54 82	#C53652
33.3%	33.3% #D14354	RGB 209 67 84	#D14354
50.0%	50.0% #DC5056	RGB 220 80 86	#DC5056
66.7%	66.7% #E85D58	RGB 232 93 88	#E85D58
83.3%	83.3% #F36A5A	RGB 243 106 90	#F36A5A
100.0%	100.0% #FF775D	RGB 255 119 93	#FF775D

#BA2950 #C53652 #D14354 #DC5056 #E85D58 #F36A5A #FF775D

#BA2950 - #FF775D

Mezcla HSV

#BA2950 - #FF775D | 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 #BA2950 como 0% y #FF775D como 100%.

0.0%	0.0% #BA2950	RGB 186 41 80	#BA2950
16.7%	16.7% #C5304D	RGB 197 48 77	#C5304D
33.3%	33.3% #D1384B	RGB 209 56 75	#D1384B
50.0%	50.0% #DC4048	RGB 220 64 72	#DC4048
66.7%	66.7% #E84C49	RGB 232 76 73	#E84C49
83.3%	83.3% #F36152	RGB 243 97 82	#F36152
100.0%	100.0% #FF775D	RGB 255 119 93	#FF775D

#BA2950 #C5304D #D1384B #DC4048 #E84C49 #F36152 #FF775D

#BA2950 - #DC4048 - #FF775D

Códigos CSS

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

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