#C760D9 - #381B3E | 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 #C760D9 a #381B3E

#C760D9 #381B3E

Calcule el color entre dos colores, #C760D9 y #381B3E. 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)

#C760D9 - #381B3E | 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 #C760D9 como 0% y #381B3E como 100%.

0.0%	0.0% #C760D9	RGB 199 96 217	#C760D9
16.7%	16.7% #AF54BF	RGB 175 84 191	#AF54BF
33.3%	33.3% #9749A5	RGB 151 73 165	#9749A5
50.0%	50.0% #7F3D8B	RGB 127 61 139	#7F3D8B
66.7%	66.7% #673271	RGB 103 50 113	#673271
83.3%	83.3% #4F2657	RGB 79 38 87	#4F2657
100.0%	100.0% #381B3E	RGB 56 27 62	#381B3E

#C760D9 #AF54BF #9749A5 #7F3D8B #673271 #4F2657 #381B3E

#C760D9 - #381B3E

Mezcla HSV

#C760D9 - #381B3E | 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 #C760D9 como 0% y #381B3E como 100%.

0.0%	0.0% #C760D9	RGB 199 96 217	#C760D9
16.7%	16.7% #AE54BF	RGB 174 84 191	#AE54BF
33.3%	33.3% #9648A5	RGB 150 72 165	#9648A5
50.0%	50.0% #7E3D8B	RGB 126 61 139	#7E3D8B
66.7%	66.7% #673171	RGB 103 49 113	#673171
83.3%	83.3% #4F2657	RGB 79 38 87	#4F2657
100.0%	100.0% #381B3E	RGB 56 27 62	#381B3E

#C760D9 #AE54BF #9648A5 #7E3D8B #673171 #4F2657 #381B3E

#C760D9 - #7E3D8B - #381B3E

Códigos CSS

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

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