#B448AF - #7E0083 | 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 #B448AF a #7E0083

#B448AF #7E0083

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

#B448AF - #7E0083 | 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 #B448AF como 0% y #7E0083 como 100%.

0.0%	0.0% #B448AF	RGB 180 72 175	#B448AF
16.7%	16.7% #AB3CA7	RGB 171 60 167	#AB3CA7
33.3%	33.3% #A230A0	RGB 162 48 160	#A230A0
50.0%	50.0% #992499	RGB 153 36 153	#992499
66.7%	66.7% #901891	RGB 144 24 145	#901891
83.3%	83.3% #870C8A	RGB 135 12 138	#870C8A
100.0%	100.0% #7E0083	RGB 126 0 131	#7E0083

#B448AF #AB3CA7 #A230A0 #992499 #901891 #870C8A #7E0083

#B448AF - #7E0083

Mezcla HSV

#B448AF - #7E0083 | 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 #B448AF como 0% y #7E0083 como 100%.

0.0%	0.0% #B448AF	RGB 180 72 175	#B448AF
16.7%	16.7% #AB39A8	RGB 171 57 168	#AB39A8
33.3%	33.3% #A32BA1	RGB 163 43 161	#A32BA1
50.0%	50.0% #9B1F9A	RGB 155 31 154	#9B1F9A
66.7%	66.7% #921393	RGB 146 19 147	#921393
83.3%	83.3% #88098B	RGB 136 9 139	#88098B
100.0%	100.0% #7E0083	RGB 126 0 131	#7E0083

#B448AF #AB39A8 #A32BA1 #9B1F9A #921393 #88098B #7E0083

#B448AF - #9B1F9A - #7E0083

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B448AF 0%, #9B1F9A 50%, #7E0083 100%);
    background: -webkit-linear-gradient(top, #B448AF 0%, #9B1F9A 50%, #7E0083 100%);
    background: linear-gradient(to bottom, #B448AF 0%, #9B1F9A 50%, #7E0083 100%);
}
</style>