#9C75DC - #4D0E93 | 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 #9C75DC a #4D0E93

#9C75DC #4D0E93

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

#9C75DC - #4D0E93 | 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 #9C75DC como 0% y #4D0E93 como 100%.

0.0%	0.0% #9C75DC	RGB 156 117 220	#9C75DC
16.7%	16.7% #8E63CF	RGB 142 99 207	#8E63CF
33.3%	33.3% #8152C3	RGB 129 82 195	#8152C3
50.0%	50.0% #7441B7	RGB 116 65 183	#7441B7
66.7%	66.7% #6730AB	RGB 103 48 171	#6730AB
83.3%	83.3% #5A1F9F	RGB 90 31 159	#5A1F9F
100.0%	100.0% #4D0E93	RGB 77 14 147	#4D0E93

#9C75DC #8E63CF #8152C3 #7441B7 #6730AB #5A1F9F #4D0E93

#9C75DC - #4D0E93

Mezcla HSV

#9C75DC - #4D0E93 | 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 #9C75DC como 0% y #4D0E93 como 100%.

0.0%	0.0% #9C75DC	RGB 156 117 220	#9C75DC
16.7%	16.7% #8B5FCF	RGB 139 95 207	#8B5FCF
33.3%	33.3% #7C4BC3	RGB 124 75 195	#7C4BC3
50.0%	50.0% #6F39B7	RGB 111 57 183	#6F39B7
66.7%	66.7% #6229AB	RGB 98 41 171	#6229AB
83.3%	83.3% #571A9F	RGB 87 26 159	#571A9F
100.0%	100.0% #4D0E93	RGB 77 14 147	#4D0E93

#9C75DC #8B5FCF #7C4BC3 #6F39B7 #6229AB #571A9F #4D0E93

#9C75DC - #6F39B7 - #4D0E93

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9C75DC 0%, #6F39B7 50%, #4D0E93 100%);
    background: -webkit-linear-gradient(top, #9C75DC 0%, #6F39B7 50%, #4D0E93 100%);
    background: linear-gradient(to bottom, #9C75DC 0%, #6F39B7 50%, #4D0E93 100%);
}
</style>