#960061 - #EB4781 | 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 #960061 a #EB4781

#960061 #EB4781

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

#960061 - #EB4781 | 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 #960061 como 0% y #EB4781 como 100%.

0.0%	0.0% #960061	RGB 150 0 97	#960061
16.7%	16.7% #A40B66	RGB 164 11 102	#A40B66
33.3%	33.3% #B2176B	RGB 178 23 107	#B2176B
50.0%	50.0% #C02371	RGB 192 35 113	#C02371
66.7%	66.7% #CE2F76	RGB 206 47 118	#CE2F76
83.3%	83.3% #DC3B7B	RGB 220 59 123	#DC3B7B
100.0%	100.0% #EB4781	RGB 235 71 129	#EB4781

#960061 #A40B66 #B2176B #C02371 #CE2F76 #DC3B7B #EB4781

#960061 - #EB4781

Mezcla HSV

#960061 - #EB4781 | 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 #960061 como 0% y #EB4781 como 100%.

0.0%	0.0% #960061	RGB 150 0 97	#960061
16.7%	16.7% #A40865	RGB 164 8 101	#A40865
33.3%	33.3% #B2116A	RGB 178 17 106	#B2116A
50.0%	50.0% #C01D6E	RGB 192 29 110	#C01D6E
66.7%	66.7% #CE2974	RGB 206 41 116	#CE2974
83.3%	83.3% #DC377A	RGB 220 55 122	#DC377A
100.0%	100.0% #EB4781	RGB 235 71 129	#EB4781

#960061 #A40865 #B2116A #C01D6E #CE2974 #DC377A #EB4781

#960061 - #C01D6E - #EB4781

Códigos CSS

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

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