#960084 - #E955B5 | 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 #960084 a #E955B5

#960084 #E955B5

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

#960084 - #E955B5 | 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 #960084 como 0% y #E955B5 como 100%.

0.0%	0.0% #960084	RGB 150 0 132	#960084
16.7%	16.7% #A30E8C	RGB 163 14 140	#A30E8C
33.3%	33.3% #B11C94	RGB 177 28 148	#B11C94
50.0%	50.0% #BF2A9C	RGB 191 42 156	#BF2A9C
66.7%	66.7% #CD38A4	RGB 205 56 164	#CD38A4
83.3%	83.3% #DB46AC	RGB 219 70 172	#DB46AC
100.0%	100.0% #E955B5	RGB 233 85 181	#E955B5

#960084 #A30E8C #B11C94 #BF2A9C #CD38A4 #DB46AC #E955B5

#960084 - #E955B5

Mezcla HSV

#960084 - #E955B5 | 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 #960084 como 0% y #E955B5 como 100%.

0.0%	0.0% #960083	RGB 150 0 131	#960083
16.7%	16.7% #A3098B	RGB 163 9 139	#A3098B
33.3%	33.3% #B11592	RGB 177 21 146	#B11592
50.0%	50.0% #BF229A	RGB 191 34 154	#BF229A
66.7%	66.7% #CD31A2	RGB 205 49 162	#CD31A2
83.3%	83.3% #DB42AB	RGB 219 66 171	#DB42AB
100.0%	100.0% #E955B5	RGB 233 85 181	#E955B5

#960083 #A3098B #B11592 #BF229A #CD31A2 #DB42AB #E955B5

#960084 - #BF229A - #E955B5

Códigos CSS

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

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