#7300A6 - #FE5AF1 | 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 #7300A6 a #FE5AF1

#7300A6 #FE5AF1

Calcule el color entre dos colores, #7300A6 y #FE5AF1. 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)

#7300A6 - #FE5AF1 | 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 #7300A6 como 0% y #FE5AF1 como 100%.

0.0%	0.0% #7300A6	RGB 115 0 166	#7300A6
16.7%	16.7% #8A0FB2	RGB 138 15 178	#8A0FB2
33.3%	33.3% #A11EBF	RGB 161 30 191	#A11EBF
50.0%	50.0% #B82DCB	RGB 184 45 203	#B82DCB
66.7%	66.7% #CF3CD8	RGB 207 60 216	#CF3CD8
83.3%	83.3% #E64BE4	RGB 230 75 228	#E64BE4
100.0%	100.0% #FE5AF1	RGB 254 90 241	#FE5AF1

#7300A6 #8A0FB2 #A11EBF #B82DCB #CF3CD8 #E64BE4 #FE5AF1

#7300A6 - #FE5AF1

Mezcla HSV

#7300A6 - #FE5AF1 | 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 #7300A6 como 0% y #FE5AF1 como 100%.

0.0%	0.0% #7300A6	RGB 115 0 166	#7300A6
16.7%	16.7% #8B0AB4	RGB 139 10 180	#8B0AB4
33.3%	33.3% #A417C3	RGB 164 23 195	#A417C3
50.0%	50.0% #BE25D2	RGB 190 37 210	#BE25D2
66.7%	66.7% #D835E0	RGB 216 53 224	#D835E0
83.3%	83.3% #EF46EC	RGB 239 70 236	#EF46EC
100.0%	100.0% #FE5AF1	RGB 254 90 241	#FE5AF1

#7300A6 #8B0AB4 #A417C3 #BE25D2 #D835E0 #EF46EC #FE5AF1

#7300A6 - #BE25D2 - #FE5AF1

Códigos CSS

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

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