#FF3AC2 - #AC007E | 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 #FF3AC2 a #AC007E

#FF3AC2 #AC007E

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

#FF3AC2 - #AC007E | 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 #FF3AC2 como 0% y #AC007E como 100%.

0.0%	0.0% #FF3AC2	RGB 255 58 194	#FF3AC2
16.7%	16.7% #F130B6	RGB 241 48 182	#F130B6
33.3%	33.3% #E326AB	RGB 227 38 171	#E326AB
50.0%	50.0% #D51DA0	RGB 213 29 160	#D51DA0
66.7%	66.7% #C71394	RGB 199 19 148	#C71394
83.3%	83.3% #B90989	RGB 185 9 137	#B90989
100.0%	100.0% #AC007E	RGB 172 0 126	#AC007E

#FF3AC2 #F130B6 #E326AB #D51DA0 #C71394 #B90989 #AC007E

#FF3AC2 - #AC007E

Mezcla HSV

#FF3AC2 - #AC007E | 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 #FF3AC2 como 0% y #AC007E como 100%.

0.0%	0.0% #FF39C2	RGB 255 57 194	#FF39C2
16.7%	16.7% #F12DB6	RGB 241 45 182	#F12DB6
33.3%	33.3% #E322AA	RGB 227 34 170	#E322AA
50.0%	50.0% #D5189E	RGB 213 24 158	#D5189E
66.7%	66.7% #C70F93	RGB 199 15 147	#C70F93
83.3%	83.3% #B90788	RGB 185 7 136	#B90788
100.0%	100.0% #AC007E	RGB 172 0 126	#AC007E

#FF39C2 #F12DB6 #E322AA #D5189E #C70F93 #B90788 #AC007E

#FF3AC2 - #D5189E - #AC007E

Códigos CSS

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

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