#BA3232 - #DCB0EB | 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 #BA3232 a #DCB0EB

#BA3232 #DCB0EB

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

#BA3232 - #DCB0EB | 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 #BA3232 como 0% y #DCB0EB como 100%.

0.0%	0.0% #BA3232	RGB 186 50 50	#BA3232
16.7%	16.7% #BF4750	RGB 191 71 80	#BF4750
33.3%	33.3% #C55C6F	RGB 197 92 111	#C55C6F
50.0%	50.0% #CB718E	RGB 203 113 142	#CB718E
66.7%	66.7% #D086AD	RGB 208 134 173	#D086AD
83.3%	83.3% #D69BCC	RGB 214 155 204	#D69BCC
100.0%	100.0% #DCB0EB	RGB 220 176 235	#DCB0EB

#BA3232 #BF4750 #C55C6F #CB718E #D086AD #D69BCC #DCB0EB

#BA3232 - #DCB0EB

Mezcla HSV

#BA3232 - #DCB0EB | 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 #BA3232 como 0% y #DCB0EB como 100%.

0.0%	0.0% #BA3232	RGB 186 50 50	#BA3232
16.7%	16.7% #C2435E	RGB 194 67 94	#C2435E
33.3%	33.3% #CA5687	RGB 202 86 135	#CA5687
50.0%	50.0% #D26BAB	RGB 210 107 171	#D26BAB
66.7%	66.7% #DA80CB	RGB 218 128 203	#DA80CB
83.3%	83.3% #DF97E2	RGB 223 151 226	#DF97E2
100.0%	100.0% #DCB0EB	RGB 220 176 235	#DCB0EB

#BA3232 #C2435E #CA5687 #D26BAB #DA80CB #DF97E2 #DCB0EB

#BA3232 - #D26BAB - #DCB0EB

Códigos CSS

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

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