#A6003B - #E8A1F7 | 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 #A6003B a #E8A1F7

#A6003B #E8A1F7

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

#A6003B - #E8A1F7 | 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 #A6003B como 0% y #E8A1F7 como 100%.

0.0%	0.0% #A6003B	RGB 166 0 59	#A6003B
16.7%	16.7% #B11A5A	RGB 177 26 90	#B11A5A
33.3%	33.3% #BC3579	RGB 188 53 121	#BC3579
50.0%	50.0% #C75099	RGB 199 80 153	#C75099
66.7%	66.7% #D26BB8	RGB 210 107 184	#D26BB8
83.3%	83.3% #DD86D7	RGB 221 134 215	#DD86D7
100.0%	100.0% #E8A1F7	RGB 232 161 247	#E8A1F7

#A6003B #B11A5A #BC3579 #C75099 #D26BB8 #DD86D7 #E8A1F7

#A6003B - #E8A1F7

Mezcla HSV

#A6003B - #E8A1F7 | 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 #A6003B como 0% y #E8A1F7 como 100%.

0.0%	0.0% #A6003A	RGB 166 0 58	#A6003A
16.7%	16.7% #B31362	RGB 179 19 98	#B31362
33.3%	33.3% #C12988	RGB 193 41 136	#C12988
50.0%	50.0% #CE43AD	RGB 206 67 173	#CE43AD
66.7%	66.7% #DC5FCF	RGB 220 95 207	#DC5FCF
83.3%	83.3% #E57EE9	RGB 229 126 233	#E57EE9
100.0%	100.0% #E8A1F7	RGB 232 161 247	#E8A1F7

#A6003A #B31362 #C12988 #CE43AD #DC5FCF #E57EE9 #E8A1F7

#A6003B - #CE43AD - #E8A1F7

Códigos CSS

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

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