#3C00A8 - #CF59FA | 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 #3C00A8 a #CF59FA

#3C00A8 #CF59FA

Calcule el color entre dos colores, #3C00A8 y #CF59FA. 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)

#3C00A8 - #CF59FA | 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 #3C00A8 como 0% y #CF59FA como 100%.

0.0%	0.0% #3C00A8	RGB 60 0 168	#3C00A8
16.7%	16.7% #540EB5	RGB 84 14 181	#540EB5
33.3%	33.3% #6D1DC3	RGB 109 29 195	#6D1DC3
50.0%	50.0% #852CD1	RGB 133 44 209	#852CD1
66.7%	66.7% #9E3BDE	RGB 158 59 222	#9E3BDE
83.3%	83.3% #B64AEC	RGB 182 74 236	#B64AEC
100.0%	100.0% #CF59FA	RGB 207 89 250	#CF59FA

#3C00A8 #540EB5 #6D1DC3 #852CD1 #9E3BDE #B64AEC #CF59FA

#3C00A8 - #CF59FA

Mezcla HSV

#3C00A8 - #CF59FA | 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 #3C00A8 como 0% y #CF59FA como 100%.

0.0%	0.0% #3C00A8	RGB 60 0 168	#3C00A8
16.7%	16.7% #520AB5	RGB 82 10 181	#520AB5
33.3%	33.3% #6A17C3	RGB 106 23 195	#6A17C3
50.0%	50.0% #8225D1	RGB 130 37 209	#8225D1
66.7%	66.7% #9C34DE	RGB 156 52 222	#9C34DE
83.3%	83.3% #B546EC	RGB 181 70 236	#B546EC
100.0%	100.0% #CF59FA	RGB 207 89 250	#CF59FA

#3C00A8 #520AB5 #6A17C3 #8225D1 #9C34DE #B546EC #CF59FA

#3C00A8 - #8225D1 - #CF59FA

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C00A8 0%, #8225D1 50%, #CF59FA 100%);
    background: -webkit-linear-gradient(top, #3C00A8 0%, #8225D1 50%, #CF59FA 100%);
    background: linear-gradient(to bottom, #3C00A8 0%, #8225D1 50%, #CF59FA 100%);
}
</style>