#B22424 - #E5AFED | 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 #B22424 a #E5AFED

#B22424 #E5AFED

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

#B22424 - #E5AFED | 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 #B22424 como 0% y #E5AFED como 100%.

0.0%	0.0% #B22424	RGB 178 36 36	#B22424
16.7%	16.7% #BA3B45	RGB 186 59 69	#BA3B45
33.3%	33.3% #C35267	RGB 195 82 103	#C35267
50.0%	50.0% #CB6988	RGB 203 105 136	#CB6988
66.7%	66.7% #D480AA	RGB 212 128 170	#D480AA
83.3%	83.3% #DC97CB	RGB 220 151 203	#DC97CB
100.0%	100.0% #E5AFED	RGB 229 175 237	#E5AFED

#B22424 #BA3B45 #C35267 #CB6988 #D480AA #DC97CB #E5AFED

#B22424 - #E5AFED

Mezcla HSV

#B22424 - #E5AFED | 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 #B22424 como 0% y #E5AFED como 100%.

0.0%	0.0% #B22424	RGB 178 36 36	#B22424
16.7%	16.7% #BB364F	RGB 187 54 79	#BB364F
33.3%	33.3% #C54B79	RGB 197 75 121	#C54B79
50.0%	50.0% #CF619F	RGB 207 97 159	#CF619F
66.7%	66.7% #D979C1	RGB 217 121 193	#D979C1
83.3%	83.3% #E393DE	RGB 227 147 222	#E393DE
100.0%	100.0% #E5AFED	RGB 229 175 237	#E5AFED

#B22424 #BB364F #C54B79 #CF619F #D979C1 #E393DE #E5AFED

#B22424 - #CF619F - #E5AFED

Códigos CSS

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

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