#B124B2 - #FF85C3 | 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 #B124B2 a #FF85C3

#B124B2 #FF85C3

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

#B124B2 - #FF85C3 | 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 #B124B2 como 0% y #FF85C3 como 100%.

0.0%	0.0% #B124B2	RGB 177 36 178	#B124B2
16.7%	16.7% #BE34B4	RGB 190 52 180	#BE34B4
33.3%	33.3% #CB44B7	RGB 203 68 183	#CB44B7
50.0%	50.0% #D854BA	RGB 216 84 186	#D854BA
66.7%	66.7% #E564BD	RGB 229 100 189	#E564BD
83.3%	83.3% #F274C0	RGB 242 116 192	#F274C0
100.0%	100.0% #FF85C3	RGB 255 133 195	#FF85C3

#B124B2 #BE34B4 #CB44B7 #D854BA #E564BD #F274C0 #FF85C3

#B124B2 - #FF85C3

Mezcla HSV

#B124B2 - #FF85C3 | 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 #B124B2 como 0% y #FF85C3 como 100%.

0.0%	0.0% #B124B2	RGB 177 36 178	#B124B2
16.7%	16.7% #BE30B4	RGB 190 48 180	#BE30B4
33.3%	33.3% #CB3EB5	RGB 203 62 181	#CB3EB5
50.0%	50.0% #D84EB7	RGB 216 78 183	#D84EB7
66.7%	66.7% #E55FB9	RGB 229 95 185	#E55FB9
83.3%	83.3% #F271BD	RGB 242 113 189	#F271BD
100.0%	100.0% #FF85C3	RGB 255 133 195	#FF85C3

#B124B2 #BE30B4 #CB3EB5 #D84EB7 #E55FB9 #F271BD #FF85C3

#B124B2 - #D84EB7 - #FF85C3

Códigos CSS

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

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