#B33C7E - #958DF1 | 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 #B33C7E a #958DF1

#B33C7E #958DF1

Calcule el color entre dos colores, #B33C7E y #958DF1. 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)

#B33C7E - #958DF1 | 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 #B33C7E como 0% y #958DF1 como 100%.

0.0%	0.0% #B33C7E	RGB 179 60 126	#B33C7E
16.7%	16.7% #AE4991	RGB 174 73 145	#AE4991
33.3%	33.3% #A957A4	RGB 169 87 164	#A957A4
50.0%	50.0% #A464B7	RGB 164 100 183	#A464B7
66.7%	66.7% #9F72CA	RGB 159 114 202	#9F72CA
83.3%	83.3% #9A7FDD	RGB 154 127 221	#9A7FDD
100.0%	100.0% #958DF1	RGB 149 141 241	#958DF1

#B33C7E #AE4991 #A957A4 #A464B7 #9F72CA #9A7FDD #958DF1

#B33C7E - #958DF1

Mezcla HSV

#B33C7E - #958DF1 | 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 #B33C7E como 0% y #958DF1 como 100%.

0.0%	0.0% #B33C7E	RGB 179 60 126	#B33C7E
16.7%	16.7% #BD47A3	RGB 189 71 163	#BD47A3
33.3%	33.3% #C653C7	RGB 198 83 199	#C653C7
50.0%	50.0% #B760D2	RGB 183 96 210	#B760D2
66.7%	66.7% #A96EDC	RGB 169 110 220	#A96EDC
83.3%	83.3% #9D7DE6	RGB 157 125 230	#9D7DE6
100.0%	100.0% #958DF1	RGB 149 141 241	#958DF1

#B33C7E #BD47A3 #C653C7 #B760D2 #A96EDC #9D7DE6 #958DF1

#B33C7E - #B760D2 - #958DF1

Códigos CSS

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

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