#960090 - #E759C7 | 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 #960090 a #E759C7

#960090 #E759C7

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

#960090 - #E759C7 | 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 #960090 como 0% y #E759C7 como 100%.

0.0%	0.0% #960090	RGB 150 0 144	#960090
16.7%	16.7% #A30E99	RGB 163 14 153	#A30E99
33.3%	33.3% #B11DA2	RGB 177 29 162	#B11DA2
50.0%	50.0% #BE2CAB	RGB 190 44 171	#BE2CAB
66.7%	66.7% #CC3BB4	RGB 204 59 180	#CC3BB4
83.3%	83.3% #D94ABD	RGB 217 74 189	#D94ABD
100.0%	100.0% #E759C7	RGB 231 89 199	#E759C7

#960090 #A30E99 #B11DA2 #BE2CAB #CC3BB4 #D94ABD #E759C7

#960090 - #E759C7

Mezcla HSV

#960090 - #E759C7 | 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 #960090 como 0% y #E759C7 como 100%.

0.0%	0.0% #960090	RGB 150 0 144	#960090
16.7%	16.7% #A30A98	RGB 163 10 152	#A30A98
33.3%	33.3% #B116A1	RGB 177 22 161	#B116A1
50.0%	50.0% #BE24AA	RGB 190 36 170	#BE24AA
66.7%	66.7% #CC34B3	RGB 204 52 179	#CC34B3
83.3%	83.3% #D945BC	RGB 217 69 188	#D945BC
100.0%	100.0% #E759C7	RGB 231 89 199	#E759C7

#960090 #A30A98 #B116A1 #BE24AA #CC34B3 #D945BC #E759C7

#960090 - #BE24AA - #E759C7

Códigos CSS

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

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