#B319AB - #F685DF | 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 #B319AB a #F685DF

#B319AB #F685DF

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

#B319AB - #F685DF | 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 #B319AB como 0% y #F685DF como 100%.

0.0%	0.0% #B319AB	RGB 179 25 171	#B319AB
16.7%	16.7% #BE2BB3	RGB 190 43 179	#BE2BB3
33.3%	33.3% #C93DBC	RGB 201 61 188	#C93DBC
50.0%	50.0% #D44FC5	RGB 212 79 197	#D44FC5
66.7%	66.7% #DF61CD	RGB 223 97 205	#DF61CD
83.3%	83.3% #EA73D6	RGB 234 115 214	#EA73D6
100.0%	100.0% #F685DF	RGB 246 133 223	#F685DF

#B319AB #BE2BB3 #C93DBC #D44FC5 #DF61CD #EA73D6 #F685DF

#B319AB - #F685DF

Mezcla HSV

#B319AB - #F685DF | 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 #B319AB como 0% y #F685DF como 100%.

0.0%	0.0% #B319AA	RGB 179 25 170	#B319AA
16.7%	16.7% #BE27B2	RGB 190 39 178	#BE27B2
33.3%	33.3% #C937BA	RGB 201 55 186	#C937BA
50.0%	50.0% #D448C2	RGB 212 72 194	#D448C2
66.7%	66.7% #DF5BCB	RGB 223 91 203	#DF5BCB
83.3%	83.3% #EA6FD4	RGB 234 111 212	#EA6FD4
100.0%	100.0% #F685DF	RGB 246 133 223	#F685DF

#B319AA #BE27B2 #C937BA #D448C2 #DF5BCB #EA6FD4 #F685DF

#B319AB - #D448C2 - #F685DF

Códigos CSS

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

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