#B941BA - #FFA1C4 | 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 #B941BA a #FFA1C4

#B941BA #FFA1C4

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

#B941BA - #FFA1C4 | 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 #B941BA como 0% y #FFA1C4 como 100%.

0.0%	0.0% #B941BA	RGB 185 65 186	#B941BA
16.7%	16.7% #C451BB	RGB 196 81 187	#C451BB
33.3%	33.3% #D061BD	RGB 208 97 189	#D061BD
50.0%	50.0% #DC71BF	RGB 220 113 191	#DC71BF
66.7%	66.7% #E781C0	RGB 231 129 192	#E781C0
83.3%	83.3% #F391C2	RGB 243 145 194	#F391C2
100.0%	100.0% #FFA1C4	RGB 255 161 196	#FFA1C4

#B941BA #C451BB #D061BD #DC71BF #E781C0 #F391C2 #FFA1C4

#B941BA - #FFA1C4

Mezcla HSV

#B941BA - #FFA1C4 | 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 #B941BA como 0% y #FFA1C4 como 100%.

0.0%	0.0% #B841BA	RGB 184 65 186	#B841BA
16.7%	16.7% #C54EB9	RGB 197 78 185	#C54EB9
33.3%	33.3% #D15CB9	RGB 209 92 185	#D15CB9
50.0%	50.0% #DC6CB9	RGB 220 108 185	#DC6CB9
66.7%	66.7% #E87CBB	RGB 232 124 187	#E87CBB
83.3%	83.3% #F38EBE	RGB 243 142 190	#F38EBE
100.0%	100.0% #FFA1C4	RGB 255 161 196	#FFA1C4

#B841BA #C54EB9 #D15CB9 #DC6CB9 #E87CBB #F38EBE #FFA1C4

#B941BA - #DC6CB9 - #FFA1C4

Códigos CSS

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

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