#C92FCA - #4A0080 | 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 #C92FCA a #4A0080

#C92FCA #4A0080

Calcule el color entre dos colores, #C92FCA y #4A0080. 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)

#C92FCA - #4A0080 | 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 #C92FCA como 0% y #4A0080 como 100%.

0.0%	0.0% #C92FCA	RGB 201 47 202	#C92FCA
16.7%	16.7% #B327BD	RGB 179 39 189	#B327BD
33.3%	33.3% #9E1FB1	RGB 158 31 177	#9E1FB1
50.0%	50.0% #8917A5	RGB 137 23 165	#8917A5
66.7%	66.7% #740F98	RGB 116 15 152	#740F98
83.3%	83.3% #5F078C	RGB 95 7 140	#5F078C
100.0%	100.0% #4A0080	RGB 74 0 128	#4A0080

#C92FCA #B327BD #9E1FB1 #8917A5 #740F98 #5F078C #4A0080

#C92FCA - #4A0080

Mezcla HSV

#C92FCA - #4A0080 | 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 #C92FCA como 0% y #4A0080 como 100%.

0.0%	0.0% #C92ECA	RGB 201 46 202	#C92ECA
16.7%	16.7% #B224BD	RGB 178 36 189	#B224BD
33.3%	33.3% #9B1BB1	RGB 155 27 177	#9B1BB1
50.0%	50.0% #8513A5	RGB 133 19 165	#8513A5
66.7%	66.7% #700B98	RGB 112 11 152	#700B98
83.3%	83.3% #5C058C	RGB 92 5 140	#5C058C
100.0%	100.0% #4A0080	RGB 74 0 128	#4A0080

#C92ECA #B224BD #9B1BB1 #8513A5 #700B98 #5C058C #4A0080

#C92FCA - #8513A5 - #4A0080

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C92ECA 0%, #8513A5 50%, #4A0080 100%);
    background: -webkit-linear-gradient(top, #C92ECA 0%, #8513A5 50%, #4A0080 100%);
    background: linear-gradient(to bottom, #C92ECA 0%, #8513A5 50%, #4A0080 100%);
}
</style>