#C92DB4 - #7A0064 | 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 #C92DB4 a #7A0064

#C92DB4 #7A0064

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

#C92DB4 - #7A0064 | 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 #C92DB4 como 0% y #7A0064 como 100%.

0.0%	0.0% #C92DB4	RGB 201 45 180	#C92DB4
16.7%	16.7% #BB25A6	RGB 187 37 166	#BB25A6
33.3%	33.3% #AE1E99	RGB 174 30 153	#AE1E99
50.0%	50.0% #A1168C	RGB 161 22 140	#A1168C
66.7%	66.7% #940E7E	RGB 148 14 126	#940E7E
83.3%	83.3% #870771	RGB 135 7 113	#870771
100.0%	100.0% #7A0064	RGB 122 0 100	#7A0064

#C92DB4 #BB25A6 #AE1E99 #A1168C #940E7E #870771 #7A0064

#C92DB4 - #7A0064

Mezcla HSV

#C92DB4 - #7A0064 | 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 #C92DB4 como 0% y #7A0064 como 100%.

0.0%	0.0% #C92DB4	RGB 201 45 180	#C92DB4
16.7%	16.7% #BB23A6	RGB 187 35 166	#BB23A6
33.3%	33.3% #AE1A98	RGB 174 26 152	#AE1A98
50.0%	50.0% #A1128A	RGB 161 18 138	#A1128A
66.7%	66.7% #940B7D	RGB 148 11 125	#940B7D
83.3%	83.3% #870570	RGB 135 5 112	#870570
100.0%	100.0% #7A0064	RGB 122 0 100	#7A0064

#C92DB4 #BB23A6 #AE1A98 #A1128A #940B7D #870570 #7A0064

#C92DB4 - #A1128A - #7A0064

Códigos CSS

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

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